/* Quincenea · guías (/guias, /guias/{slug}) y tasa del BCV (/tasa-bcv-hoy).
   Usa los tokens de estilo.css (ciruela, coral, lima, arena, --papel, --linea,
   --r-*, --e*) y las piezas de calc.css para la calculadora embebida. Claro y
   oscuro salen de los tokens; aquí no hay colores fijos sobre fondo variable. */

/* ── Cabecera de la guía ─────────────────────────────────────────────────── */
.guia-cabeza{padding-top:var(--e6);max-width:880px}
.guia-cabeza h1{margin-bottom:var(--e3)}
.guia-respuesta{font-size:1.125rem;line-height:1.6}
.guia-respuesta p{margin:0}
.guia-meta{color:var(--tenue);margin:0 0 var(--e5)}
.guia-meta a{color:var(--suave)}
@media (max-width:720px){
  .guia-cabeza{padding-top:var(--e3)}
  .guia-cabeza .migas{margin-bottom:6px;font-size:.8125rem}
  .guia-cabeza .migas [aria-current]{display:none}  /* el título ya está en el H1 justo abajo */
  .guia-cabeza .ceja{margin-bottom:8px;font-size:.8125rem;padding:5px 10px}
  .guia-cabeza h1{font-size:1.5rem;line-height:1.18}
  .guia-respuesta{font-size:1rem;padding:14px 16px}
}

/* ── Calculadora dentro de la guía ───────────────────────────────────────── */
.guia-calc-ancho{margin-bottom:var(--e7)}
.guia-calc,.simulador{background:var(--alterno);border-radius:var(--r-banda);padding:var(--e5)}
.guia-calc-ceja{margin:0 0 var(--e4);font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--revisar-tinta)}
.guia-calc .calc-datos-titulo{font-size:1.125rem}
@media (max-width:720px){.guia-calc,.simulador{padding:16px 12px;border-radius:var(--r-tarjeta)}.guia-calc-ancho{margin-bottom:var(--e6)}}

/* El simulador comparte forma con la calculadora (calc.css). */
.simulador .calc-resultado{margin:0;background:var(--destacado);color:var(--heroe-tinta);border-radius:var(--r-tarjeta);padding:var(--e5);min-width:0}
.simulador .calc-resultado h2,.simulador .calc-resultado p{color:inherit}
.simulador .calc-res-ceja{color:var(--lima)!important}
.simulador .tabla{background:transparent;border-color:rgba(255,246,240,.22)}
.simulador-tabla{min-width:0;font-variant-numeric:tabular-nums}
.simulador-tabla th,.simulador-tabla td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,246,240,.16);vertical-align:top}
.simulador-tabla thead th{font-size:.8125rem;font-weight:700;color:var(--heroe-suave)}
.simulador-tabla tbody tr:last-child>*{border-bottom:0}
.simulador-tabla small{display:block;color:var(--heroe-suave);font-size:.8125rem}
.simulador-tabla tr.con-exceso td:nth-child(3){color:var(--lima);font-weight:800}
.simulador-alerta{display:inline-block;margin-top:4px;background:var(--coral);color:var(--ciruela);font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:999px}
.simulador-nota{margin:var(--e4) 0 0;font-size:.875rem;color:var(--heroe-suave)!important}
.simulador.con-js .calc-enviar,.tasa-conversor.con-js .calc-enviar{display:none}
@media (max-width:520px){.simulador-tabla th,.simulador-tabla td{padding:8px 6px;font-size:.875rem}.simulador .calc-resultado{padding:16px}}

/* ── Cuerpo: índice a un lado en escritorio, arriba en el teléfono ───────── */
.guia-cuerpo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e6)}
@media (min-width:1000px){.guia-cuerpo{grid-template-columns:240px minmax(0,1fr);gap:var(--e7)}.guia-indice{position:sticky;top:96px;align-self:start}}
.guia-indice{background:var(--papel);border-radius:var(--r-chico);padding:16px 18px}
.guia-indice-titulo{margin:0 0 6px;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tenue)}
.guia-indice ol{margin:0;padding-left:1.2em;display:grid;gap:2px}
.guia-indice a{display:inline-flex;align-items:center;min-height:36px;color:var(--suave);font-weight:600;font-size:.9375rem;text-decoration:none}
.guia-indice a:hover{color:var(--enlace-hover);text-decoration:underline}
@media (max-width:999px){.guia-indice a{min-height:44px}}

.guia-texto{max-width:72ch;min-width:0}
.guia-seccion{scroll-margin-top:96px}
.guia-seccion+.guia-seccion{margin-top:var(--e7)}
.guia-texto h2{font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}
.guia-texto h3{margin-top:var(--e5)}
.guia-texto p,.guia-texto li{color:var(--suave)}
.guia-texto strong{color:var(--tinta)}
.guia-texto ul:not(.lista-check),.guia-texto ol{padding-left:1.3em}
.guia-texto li{margin:6px 0}
.guia-texto .tabla{margin:var(--e4) 0}
.guia-texto table{min-width:0;font-variant-numeric:tabular-nums}
.guia-texto th,.guia-texto td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--linea);vertical-align:top}
.guia-texto thead th{font-size:.875rem;color:var(--tenue)}
.guia-texto tbody tr:last-child>*{border-bottom:0}
.guia-texto td.num{text-align:right;white-space:nowrap}
.guia-texto .caja{background:var(--papel);border-radius:var(--r-chico);padding:16px 20px;margin:var(--e4) 0}
.guia-texto .caja p:last-child{margin-bottom:0}
.guia-texto .caja-aviso{background:var(--revisar-fondo)}
.guia-texto .caja-aviso p,.guia-texto .caja-aviso li{color:var(--tinta)}
.guia-texto .formula{font-weight:700;color:var(--tinta);background:var(--papel);border-radius:var(--r-campo);padding:12px 16px;overflow-wrap:anywhere}
@media (max-width:520px){.guia-texto th,.guia-texto td{padding:8px 8px;font-size:.9375rem}}

.guia-fuentes ol{padding-left:1.3em}
.guia-fuentes li{font-size:.9375rem}
.guia-fuentes a{overflow-wrap:anywhere}

/* ── CTA y relacionadas ──────────────────────────────────────────────────── */
.guia-cta-ancho{margin-top:var(--e8)}
.guia-cta-botones{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.guia-cta-segundo{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700}
.guia-relacionadas{margin-top:var(--e7)}
.guias-tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.guia-tarjeta{display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r-tarjeta);background:var(--papel);color:var(--tinta);text-decoration:none;transition:transform .12s ease-out}
.guia-tarjeta:hover{color:var(--tinta);transform:translateY(-2px)}
.guia-tarjeta strong{font:800 1.125rem/1.25 var(--titulos);letter-spacing:-.01em}
.guia-tarjeta .desc{color:var(--suave);font-size:.9375rem;flex:1}
.guia-tarjeta-pais,.guia-tarjeta-pie{font-size:.8125rem;font-weight:700;color:var(--tenue)}
.guia-tarjeta .ir{font-weight:800;color:var(--enlace)}
@media (prefers-reduced-motion:reduce){.guia-tarjeta{transition:none}.guia-tarjeta:hover{transform:none}}

/* ── Índice /guias ───────────────────────────────────────────────────────── */
.guias-indice{padding-top:var(--e6)}
.guias-paises{display:flex;flex-wrap:wrap;gap:8px;margin:var(--e5) 0 var(--e6)}
.guias-paises .opcion{text-decoration:none;color:var(--tinta)}
.guias-paises .opcion[aria-current="page"]{border-color:var(--tinta);box-shadow:inset 0 0 0 1px var(--tinta)}
.guias-pais+.guias-pais{margin-top:var(--e7)}
.guias-ley{font:700 .875rem var(--texto);color:var(--tenue);vertical-align:middle;margin-left:6px}
.guias-tema{font-size:1.0625rem;margin:var(--e5) 0 var(--e3);color:var(--suave)}
.guias-extra{margin:var(--e4) 0 0}
.guias-franja{margin-top:var(--e7)}
@media (max-width:720px){.guias-indice{padding-top:var(--e3)}}

/* ── Tasa BCV hoy ────────────────────────────────────────────────────────── */
.tasa-pagina{padding-top:var(--e6)}
.tasa-h1-cifra{white-space:nowrap}
.tasa-rejilla{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e5);margin:var(--e5) 0 var(--e7)}
@media (min-width:900px){.tasa-rejilla{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}
.tasa-tarjeta{background:var(--destacado);color:var(--heroe-tinta);border-radius:var(--r-tarjeta);padding:var(--e6)}
.tasa-tarjeta p{margin:0;color:inherit}
.tasa-vieja{background:var(--coral);color:var(--ciruela)!important;font-weight:700;font-size:.9375rem;padding:8px 12px;border-radius:var(--r-campo);margin-bottom:12px!important}
.tasa-etq{font-weight:700;color:var(--heroe-suave)!important}
.tasa-grande{font:800 clamp(2.25rem,1.4rem + 3.6vw,3.5rem)/1.05 var(--titulos);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--lima)!important;margin:8px 0 10px!important;overflow-wrap:anywhere}
.tasa-variacion,.tasa-eur{font-weight:600}
.tasa-eur{margin-top:6px!important}
.tasa-fuente{margin-top:var(--e4)!important;color:var(--heroe-suave)!important}
.tasa-fuente a{color:var(--heroe-tinta)}
.tasa-conversor{background:var(--papel);border-radius:var(--r-tarjeta);padding:var(--e5);display:grid;gap:12px;align-content:start}
.tasa-conversor h2{font-size:1.25rem;margin:0}
.tasa-campos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.tasa-salida{display:block;font:800 1.375rem/1.25 var(--titulos);font-variant-numeric:tabular-nums;color:var(--tinta);background:var(--lima-tenue);border-radius:var(--r-chico);padding:14px 16px;overflow-wrap:anywhere}
.tasa-conversor p{margin:0}
.tasa-historico{margin-bottom:var(--e7)}
.tasa-historico figure{margin:0;background:var(--papel);border-radius:var(--r-tarjeta);padding:20px}
.tasa-linea{display:block;width:100%;height:140px}
.tasa-linea polyline{stroke:var(--teja)}
.tasa-tabla-det{margin-top:var(--e4)}
.tasa-texto{margin-bottom:var(--e7)}
.tasa-cta{margin-bottom:var(--e7)}
@media (max-width:720px){.tasa-pagina{padding-top:var(--e3)}.tasa-tarjeta{padding:20px}.tasa-conversor{padding:18px 16px}.tasa-salida{font-size:1.125rem}}
@media (max-width:420px){.tasa-campos{grid-template-columns:minmax(0,1fr)}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tasa-linea polyline{stroke:var(--lima)}:root:not([data-theme="light"]) .tasa-salida{background:var(--alterno)}}
:root[data-theme="dark"] .tasa-linea polyline{stroke:var(--lima)}
:root[data-theme="dark"] .tasa-salida{background:var(--alterno)}

@media print{.guia-indice,.guia-cta-ancho,.guia-relacionadas,.simulador .calc-enviar{display:none}}