/* ============================================================
   RUNA · web-precios.css · /precios y /en/pricing (identidad v3)
   Solo variables --runa-* y las del kit (--e*, --runa-radio*, --f-*).
   Ocre = familia de «precios»: fondos ocre 100/300, texto 700/900,
   ocre 500 solo en formas (flecha). Sin sombras, degradados ni
   líneas horizontales decorativas: las filas se separan con fondos.
   ============================================================ */

/* ---------- migas (separador: rombo del sprite) ---------- */
.migas svg{height:8px;width:auto;color:var(--runa-piedra-500);vertical-align:middle}

/* ---------- portada: titular + caja de precio ---------- */
.portada--precios{padding-block:var(--e6) var(--e8)}
.portada--precios h1{font-size:clamp(34px,4.4vw,56px)}
.precio-caja{background:var(--runa-ocre-100);border-radius:var(--runa-radio-l);padding:clamp(24px,3vw,40px);color:var(--runa-tinta-900)}
.precio-cifras{display:flex;align-items:flex-start;gap:clamp(16px,3vw,32px);margin-bottom:var(--e6)}
.precio-cifras > div{min-width:0}
.precio-cifras b{display:block;font:800 clamp(44px,6vw,72px)/1 var(--f-titular);letter-spacing:-.01em;color:var(--runa-ocre-900);white-space:nowrap}
.precio-cifras .etiqueta{display:block;margin-top:var(--e2);color:var(--runa-ocre-700);max-width:20ch}
.precio-flecha{flex:none;height:clamp(30px,4.2vw,50px);width:auto;margin-top:clamp(6px,1vw,11px);color:var(--runa-ocre-500)}
.precio-texto p{margin:0 0 var(--e3)}
.precio-texto p:last-child{margin:0;font-size:15px;color:var(--runa-texto-2)}

/* ---------- bloques de texto ---------- */
.precios-bloque > p,.precios-bloque .dos-columnas p{max-width:62ch}
.precios-bloque .tabla-marco + p,.precios-bloque .tabla-marco + .nota{margin-top:var(--e5)}
.precios-bloque .aviso-precio{margin-top:var(--e6)}
.precios-bloque .aviso-precio p{max-width:70ch}
.precios-bloque .dos-columnas h2{margin:0}
.precios-bloque .lista-rombo li{margin-bottom:var(--e3)}

/* ---------- tablas: filas separadas por fondo (piedra 100/50), la de RUNA en ocre 300 ---------- */
.tabla-marco{margin-top:var(--e5)}
.tabla{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5}
.tabla th,.tabla td{text-align:left;vertical-align:top;padding:var(--e3) var(--e4)}
.tabla thead th{font:600 12px/1.4 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--runa-ocre-700);padding-top:0;padding-bottom:var(--e2)}
.tabla tbody th{font-weight:600;color:var(--runa-texto);width:34%}
.tabla td{color:var(--runa-texto-2)}
.tabla td b{color:var(--runa-texto)}
.tabla tbody tr:nth-child(odd) > *{background:var(--runa-piedra-100)}
.seccion--panel .tabla tbody tr:nth-child(odd) > *{background:var(--runa-piedra-50)}
.tabla tbody tr > :first-child{border-radius:var(--runa-radio) 0 0 var(--runa-radio)}
.tabla tbody tr > :last-child{border-radius:0 var(--runa-radio) var(--runa-radio) 0}
.tabla tbody tr.destacada > *,.seccion--panel .tabla tbody tr.destacada > *{background:var(--runa-ocre-300);color:var(--runa-tinta-900)}
@media (min-width:641px){.tabla td.en-lineas{white-space:nowrap}}
@media (max-width:640px){
  .tabla,.tabla tbody,.tabla tr,.tabla th,.tabla td{display:block;width:auto}
  .tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tabla tbody tr{margin-bottom:var(--e3);padding:var(--e4);border-radius:var(--runa-radio-l);background:var(--runa-piedra-100)}
  .seccion--panel .tabla tbody tr{background:var(--runa-piedra-50)}
  .tabla tbody tr.destacada,.seccion--panel .tabla tbody tr.destacada{background:var(--runa-ocre-300)}
  .tabla tbody tr > *,.tabla tbody tr:nth-child(odd) > *,.seccion--panel .tabla tbody tr:nth-child(odd) > *,
  .tabla tbody tr.destacada > *,.seccion--panel .tabla tbody tr.destacada > *{background:transparent;padding:0;border-radius:0;width:auto}
  .tabla tbody th{font-size:16px}
  .tabla tbody tr > * + *{margin-top:var(--e3)}
  .tabla td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font:600 12px/1.4 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--runa-ocre-700)}
}

/* ---------- preguntas: dos columnas para diez respuestas ---------- */
.preguntas--dos{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}

/* ---------- pie: media Dagaz en lugar de la flecha de texto ---------- */
.pie nav a svg{display:inline-block;height:10px;width:auto;margin-left:6px;vertical-align:baseline}