/* ==========================================================================
   Espabilao 2 · «Alerta naranja»
   Limpio y moderno como un comparador, pero del lado del asegurado.
   Móvil primero. Sin dependencias.
   ========================================================================== */

@font-face{font-family:"Bricolage Grotesque";src:url(../fonts/BricolageGrotesque-600_800.woff2) format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/Figtree-400_700.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(../fonts/Figtree-italic-400.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
	--blanco:#fff;
	--fondo:#f6f4f1;
	--crema:#fff3ea;
	--tinta:#1a1a1f;
	--texto:#2a2a30;
	--gris:#5f5d66;
	--linea:#e8e3dc;
	--naranja:#ff6a2b;
	--naranja-hover:#ff7f47;
	--naranja-osc:#bf3f0a;

	--lila:#efeafd;--lila-osc:#5a3ec2;
	--menta:#e2f5ec;--menta-osc:#126b45;
	--amarillo:#fff3c9;--amarillo-osc:#7c5600;

	--si:#0f6b3d;--si-fondo:#ddf3e6;
	--no:#b42318;--no-fondo:#fde3df;
	--medias:#865400;--medias-fondo:#fff0c7;

	--titulos:"Bricolage Grotesque",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
	--texto-f:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

	--ancho:1200px;
	--ancho-texto:720px;
	--hueco:18px;
	--radio:18px;
	--radio-s:12px;
	--sombra:0 1px 2px rgba(26,26,31,.05),0 8px 28px rgba(26,26,31,.07);
	--sombra-alta:0 2px 4px rgba(26,26,31,.06),0 18px 48px rgba(26,26,31,.12);
}

/* Base ------------------------------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:90px}
body{margin:0;background:var(--blanco);color:var(--texto);font:400 1.0625rem/1.65 var(--texto-f);-webkit-font-smoothing:antialiased}
img,svg,video,iframe{max-width:100%;height:auto}
img{display:block}
a{color:inherit;text-decoration-thickness:1.5px;text-underline-offset:3px}
:focus-visible{outline:3px solid var(--naranja);outline-offset:2px;border-radius:6px}
h1,h2,h3,h4{font-family:var(--titulos);font-weight:800;line-height:1.1;letter-spacing:-.022em;color:var(--tinta);margin:0 0 .5em;text-wrap:balance}
p{margin:0 0 1em}
ul,ol{padding-left:1.25em}
::selection{background:var(--naranja);color:var(--tinta)}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.saltar{position:absolute;left:-9999px;top:0;background:var(--tinta);color:#fff;padding:10px 14px;z-index:100;border-radius:8px}
.saltar:focus{left:10px;top:10px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.icono{flex:none;vertical-align:middle}
.principal{overflow-x:clip}
.envoltorio{max-width:var(--ancho);margin:0 auto;padding:0 var(--hueco)}
.envoltorio--medio{max-width:1120px}
.envoltorio--texto{max-width:calc(var(--ancho-texto) + var(--hueco)*2)}

.supra{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:0 0 .5em}
.supra--naranja{color:var(--naranja-osc)}
.etiqueta{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.enlace-mas{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--naranja-osc);text-decoration:none}
.enlace-mas:hover{gap:10px;text-decoration:underline}
.boton{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;font-weight:700;text-decoration:none;transition:background .15s,transform .15s}
.boton--naranja{background:var(--naranja);color:var(--tinta)}
.boton--naranja:hover{background:var(--naranja-hover);transform:translateY(-1px)}

/* Píldoras y veredictos ------------------------------------------------- */
.antetitulo{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 .6em}
.pildora{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:600;line-height:1;padding:6px 10px;border-radius:999px;background:var(--fondo);color:var(--texto);text-decoration:none;white-space:nowrap}
a.pildora:hover{background:var(--linea)}
.pildora--seccion{background:var(--crema);color:var(--naranja-osc)}
.veredicto{display:inline-flex;align-items:center;gap:6px;font-family:var(--titulos);font-weight:800;font-size:.95rem;line-height:1;padding:7px 12px 7px 7px;border-radius:999px;white-space:nowrap;letter-spacing:-.01em}
.veredicto__icono{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff}
.veredicto__icono .icono{width:14px;height:14px;stroke-width:3}
.veredicto--pago{background:var(--si-fondo);color:var(--si)}.veredicto--pago .veredicto__icono{background:var(--si)}
.veredicto--no-pago{background:var(--no-fondo);color:var(--no)}.veredicto--no-pago .veredicto__icono{background:var(--no)}
.veredicto--a-medias{background:var(--medias-fondo);color:var(--medias)}.veredicto--a-medias .veredicto__icono{background:var(--medias)}
.veredicto--a-medias .veredicto__icono .icono{stroke-width:2}
.veredicto--grande{font-size:1.2rem;padding:9px 18px 9px 9px;gap:9px}
.veredicto--grande .veredicto__icono{width:32px;height:32px}
.veredicto--grande .veredicto__icono .icono{width:18px;height:18px}
.veredicto--mini{font-size:.78rem;padding:4px 9px 4px 4px;gap:5px}
.veredicto--mini .veredicto__icono{width:17px;height:17px}
.veredicto--mini .veredicto__icono .icono{width:11px;height:11px}
.veredicto--flotante{position:absolute;left:12px;top:12px;box-shadow:0 4px 14px rgba(26,26,31,.14)}

/* Cabecera -------------------------------------------------------------- */
.confianza{background:var(--tinta);color:#f3f1ee;font-size:.78rem;line-height:1.4}
.confianza__dentro{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:8px;padding-bottom:8px;text-align:center}
.confianza .icono{color:var(--naranja)}
.cabecera{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linea)}
.cabecera-sitio{display:contents}
.cabecera__dentro{position:relative;display:flex;align-items:center;gap:16px;min-height:68px}
.logo{margin:0;font-size:1rem;line-height:1}
.logo a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--tinta)}
.logo__icono{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--naranja);color:var(--tinta);font-family:var(--titulos);font-weight:800;font-size:1.25rem;letter-spacing:-.06em;transform:rotate(-7deg);box-shadow:3px 3px 0 var(--tinta)}
.logo__nombre{font-family:var(--titulos);font-weight:800;font-size:1.6rem;letter-spacing:-.04em}
.logo a:hover .logo__icono{transform:rotate(4deg)}
.logo--claro a{color:#fff}
.logo--claro .logo__icono{box-shadow:3px 3px 0 #fff}
.custom-logo{max-height:48px;width:auto}
.menu-principal{display:none;flex:1}
.menu-principal .menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:2px}
.menu-principal li{position:relative}
.menu-principal a{display:block;padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.97rem;color:var(--texto)}
.menu-principal a:hover,.menu-principal .current-menu-item>a,.menu-principal .current-menu-ancestor>a{background:var(--fondo);color:var(--tinta)}
.menu-principal .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:230px;list-style:none;margin:6px 0 0;padding:8px;background:#fff;border:1px solid var(--linea);border-radius:var(--radio-s);box-shadow:var(--sombra-alta);z-index:50}
.menu-principal li:hover>.sub-menu,.menu-principal li:focus-within>.sub-menu{display:block}
.menu-principal .sub-menu a{border-radius:8px}
.cabecera__acciones{margin-left:auto;display:flex;gap:6px}
.desplegable>summary{list-style:none}
.desplegable>summary::-webkit-details-marker{display:none}
.boton-icono{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;cursor:pointer;color:var(--tinta);border:1px solid var(--linea);background:#fff}
.boton-icono:hover,.desplegable[open]>.boton-icono{background:var(--fondo)}
.desplegable__panel{position:absolute;left:var(--hueco);right:var(--hueco);top:calc(100% + 8px);background:#fff;border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra-alta);padding:16px;z-index:60;max-height:calc(100vh - 120px);overflow:auto}
.desplegable--buscar .buscador{max-width:none}
.menu-movil .supra{margin:6px 0 8px}
.menu-movil__lista{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px}
.menu-movil__lista a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;font-weight:700;font-family:var(--titulos);font-size:1.15rem;color:var(--tinta)}
.menu-movil__lista a:hover{background:var(--fondo)}

/* Buscador -------------------------------------------------------------- */
.buscador{display:flex;align-items:center;background:#fff;border:2px solid var(--tinta);border-radius:16px;padding:5px 5px 5px 14px;max-width:640px;gap:8px}
.buscador:focus-within{box-shadow:0 0 0 4px rgba(255,106,43,.28)}
.buscador__icono{color:var(--gris);display:flex}
.buscador__campo{flex:1;min-width:0;border:0;background:transparent;padding:11px 2px;font:inherit;font-size:1rem;color:var(--tinta)}
.buscador__campo::placeholder{color:#7d7a83}
.buscador__campo:focus{outline:none}
.buscador__boton{border:0;background:var(--naranja);color:var(--tinta);font:700 1rem var(--texto-f);padding:12px 18px;border-radius:11px;cursor:pointer}
.buscador__boton:hover{background:var(--naranja-hover)}
.sugerencias{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:.9rem}
.sugerencias span{color:var(--gris);font-weight:600}
.sugerencias a{background:#fff;border:1px solid var(--linea);padding:5px 11px;border-radius:999px;text-decoration:none;font-weight:600}
.sugerencias a:hover{border-color:var(--naranja)}

/* Portada: hero --------------------------------------------------------- */
.hero{background:radial-gradient(900px 420px at 92% -10%,rgba(255,106,43,.22),transparent 60%),radial-gradient(600px 380px at -10% 110%,rgba(90,62,194,.10),transparent 60%),var(--crema);padding:36px 0 26px;border-bottom:1px solid var(--linea)}
.hero__dentro{display:grid;gap:28px}
.hero__titulo{font-size:clamp(2.45rem,9.5vw,4.5rem);line-height:.98;letter-spacing:-.04em;margin-bottom:.35em}
.hero__titulo mark{background:var(--naranja);color:var(--tinta);padding:0 .14em;border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero__entradilla{font-size:1.12rem;color:var(--texto);max-width:54ch;margin-bottom:22px}
.caso-destacado{background:#fff;border-radius:22px;padding:24px;box-shadow:var(--sombra-alta);align-self:start;position:relative;border:1px solid var(--linea)}
.caso-destacado__supra{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin-bottom:12px}
.caso-destacado__titulo{font-size:1.45rem;line-height:1.15;margin:14px 0 .45em}
.caso-destacado__titulo a{text-decoration:none}
.caso-destacado__titulo a:hover{text-decoration:underline}
.caso-destacado__resumen{color:var(--gris)}
.garantias{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:10px}
.garantias li{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.7);border:1px solid var(--linea);border-radius:14px;padding:13px 14px;font-size:.92rem;color:var(--gris);line-height:1.4}
.garantias .icono{color:var(--naranja-osc);margin-top:1px}
.garantias strong{display:block;color:var(--tinta);font-size:1rem}

/* Bloques de portada --------------------------------------------------- */
.bloque{padding:46px 0 0}
.bloque__cabecera{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 18px;margin-bottom:20px}
.bloque__titulo{font-size:clamp(1.7rem,5vw,2.4rem);margin:0}

.tipos{list-style:none;margin:0;padding:0}
.tipos--rejilla{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tipos--rejilla a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;padding:16px;border:1px solid var(--linea);border-radius:var(--radio);background:#fff;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.tipos--rejilla a:hover{border-color:var(--naranja);transform:translateY(-2px);box-shadow:var(--sombra)}
.tipos--rejilla .tipos__icono{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--crema);color:var(--naranja-osc)}
.tipos__nombre{font-family:var(--titulos);font-weight:800;font-size:1.12rem;color:var(--tinta);letter-spacing:-.01em}
.tipos__n{font-size:.8rem;color:var(--gris);font-weight:600;margin-top:-8px}
.tipos--rejilla .tipos__n::after{content:" artículos"}
.tipos--lista{display:grid;gap:2px}
.tipos--lista a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;text-decoration:none}
.tipos--lista a:hover{background:var(--fondo)}
.tipos--lista .tipos__icono{color:var(--naranja-osc);display:flex}
.tipos--lista .tipos__icono .icono{width:22px;height:22px}
.tipos--lista .tipos__nombre{font-size:1rem;flex:1}
.tipos--lista .tipos__n{margin:0;background:var(--fondo);border-radius:999px;padding:2px 8px;font-size:.75rem}

.secciones{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.seccion a{display:flex;flex-direction:column;gap:8px;height:100%;padding:22px;border-radius:22px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.seccion a:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.seccion__icono{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#fff;margin-bottom:4px}
.seccion__nombre{font-family:var(--titulos);font-weight:800;font-size:1.45rem;line-height:1.1;letter-spacing:-.025em;color:var(--tinta)}
.seccion__texto{color:var(--texto);font-size:.97rem}
.seccion__n{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem}
.seccion--naranja a{background:var(--crema)}.seccion--naranja .seccion__icono,.seccion--naranja .seccion__n{color:var(--naranja-osc)}
.seccion--lila a{background:var(--lila)}.seccion--lila .seccion__icono,.seccion--lila .seccion__n{color:var(--lila-osc)}
.seccion--menta a{background:var(--menta)}.seccion--menta .seccion__icono,.seccion--menta .seccion__n{color:var(--menta-osc)}
.seccion--amarillo a{background:var(--amarillo)}.seccion--amarillo .seccion__icono,.seccion--amarillo .seccion__n{color:var(--amarillo-osc)}

.marcador{border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px;margin-bottom:18px;background:#fff}
.marcador__titulo{font-weight:700;color:var(--tinta);margin-bottom:10px}
.marcador__barra{display:flex;gap:4px;height:14px;border-radius:999px;overflow:hidden;margin-bottom:12px}
.marcador__tramo{flex-basis:0;min-width:8px}
.marcador__tramo--pago{background:var(--si)}.marcador__tramo--no-pago{background:var(--no)}.marcador__tramo--a-medias{background:#c58a12}
.marcador__leyenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 16px}
.marcador__leyenda a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--tinta)}

.tarjetas{display:grid;gap:18px}
.tarjeta{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;transition:box-shadow .15s,transform .15s}
.tarjeta:hover{box-shadow:var(--sombra);transform:translateY(-2px)}
.tarjeta__imagen{position:relative;display:block}
.tarjeta__imagen .imagen{aspect-ratio:16/9}
.tarjeta__cuerpo{display:flex;flex-direction:column;padding:16px 18px 18px;flex:1}
.tarjeta__titulo{font-size:1.22rem;line-height:1.18;margin:.1em 0 .45em}
.tarjeta__titulo a{text-decoration:none}
.tarjeta__titulo a:hover{text-decoration:underline;text-decoration-color:var(--naranja)}
.tarjeta__resumen{color:var(--gris);font-size:.95rem;margin-bottom:12px}
.tarjeta__meta{margin:auto 0 0}
.revisado{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:var(--gris);font-weight:500}
.imagen{width:100%;object-fit:cover;background:var(--fondo)}
.imagen--vacia{display:grid;place-items:center;aspect-ratio:16/9;color:var(--naranja-osc);background:var(--crema)}
.imagen--vacia .icono{width:46px;height:46px;stroke-width:1.5}
.imagen--polizas-al-desnudo{background:var(--lila);color:var(--lila-osc)}
.imagen--que-hacer-si{background:var(--menta);color:var(--menta-osc)}
.imagen--trucos-de-espabilao{background:var(--amarillo);color:var(--amarillo-osc)}

/* Banda «Así se reclama» ------------------------------------------------ */
.banda-reclamar{background:var(--tinta);color:#e9e7e3;margin-top:56px;padding:44px 0}
.banda-reclamar__dentro{display:grid;gap:30px;align-items:center}
.banda-reclamar__titulo{color:#fff;font-size:clamp(1.8rem,5.5vw,2.6rem)}
.banda-reclamar p{color:#cfccc6;max-width:52ch}
.mini-escalera{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.mini-escalera li{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#26262d;border:1px solid #3a3a43;border-radius:14px;padding:12px 14px;font-weight:700;color:#fff}
.mini-escalera span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--naranja);color:var(--tinta);font-family:var(--titulos);font-weight:800;flex:none}
.mini-escalera em{font-style:normal;font-weight:600;font-size:.8rem;color:var(--tinta);background:#ffd2bd;border-radius:999px;padding:2px 9px}

.con-lateral{display:grid;gap:26px}
.lateral{min-width:0;display:grid;gap:14px;align-content:start}
.caja{border-radius:var(--radio);padding:20px}
.caja p:last-child{margin-bottom:0}
.caja__titulo{font-family:var(--titulos);font-weight:800;font-size:1.3rem;line-height:1.15;color:var(--tinta);margin-bottom:.4em;letter-spacing:-.02em}
.caja--crema{background:var(--crema)}
.caja--borde{border:1px solid var(--linea)}
.caja--oscura{background:var(--tinta);color:#dcdad5}
.caja--oscura .caja__titulo{color:#fff}
.caja--oscura .enlace-mas{color:var(--naranja)}

/* Anuncios -------------------------------------------------------------- */
.anuncio{display:block;margin:36px 0;padding:10px 0;text-align:center;clear:both;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.anuncio__etiqueta{display:block;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin-bottom:6px}
.anuncio--muestra{display:flex;flex-direction:column;justify-content:center;border:1.5px dashed #d5cfc6;border-radius:var(--radio-s);background:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(26,26,31,.03) 10px 20px)}
.anuncio__muestra{font-size:.78rem;color:var(--gris)}

/* Listados ------------------------------------------------------------- */
.migas{color:var(--gris);font-size:.85rem;padding:18px 0 10px}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"›";margin-right:6px;color:#b0aab3}
.migas a{text-decoration:none}
.migas a:hover{text-decoration:underline}
.archivo__cabecera{position:relative;background:var(--crema);border-radius:24px;padding:26px 22px;margin:14px 0 26px}
.archivo__icono{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:var(--naranja-osc);margin-bottom:14px}
.archivo__titulo{font-size:clamp(2rem,7vw,3.1rem);margin:0 0 .3em}
.archivo__desc{color:var(--texto);font-size:1.08rem;max-width:62ch;margin:0}
.archivo__cabecera .buscador{margin-top:18px}
.filtro{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.filtro a{display:inline-flex;align-items:center;border-radius:999px;text-decoration:none;font-weight:700;font-size:.9rem;background:#fff;border:2px solid transparent;padding:4px 10px}
.filtro a .veredicto{background:transparent;padding:0}
.filtro a[aria-current]{border-color:var(--tinta)}
.lista{min-width:0}
.lista--ancha{max-width:820px}
.fila{display:grid;grid-template-columns:84px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--linea)}
.fila:first-child{padding-top:4px}
.fila--glosario{grid-template-columns:1fr}
.fila__imagen{display:block;border-radius:14px;overflow:hidden}
.fila__imagen .imagen{aspect-ratio:1}
.fila__imagen .imagen--vacia .icono{width:32px;height:32px}
.fila__titulo{font-size:1.2rem;line-height:1.2;margin:.1em 0 .35em}
.fila__titulo a{text-decoration:none}
.fila__titulo a:hover{text-decoration:underline;text-decoration-color:var(--naranja)}
.fila__resumen{font-size:.95rem;color:var(--gris);margin-bottom:.5em}
.fila__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.vacio{padding:30px 0 10px}
.vacio__titulo{font-family:var(--titulos);font-weight:800;font-size:1.5rem;color:var(--tinta)}
.navigation.pagination{margin:28px 0}
.nav-links{display:flex;flex-wrap:wrap;gap:6px}
.page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--linea);text-decoration:none;font-weight:700}
.page-numbers.current{background:var(--tinta);color:#fff;border-color:var(--tinta)}

/* Artículo ------------------------------------------------------------- */
.articulo__cabecera{background:linear-gradient(var(--crema),#fff);border-bottom:1px solid var(--linea);padding-bottom:26px;margin-bottom:28px}
.articulo__cabecera--simple{background:none;border:0;padding:24px 0 0;margin-bottom:16px}
.articulo__titulo{font-size:clamp(2.1rem,7.4vw,3.35rem);line-height:1.04;letter-spacing:-.035em;margin:.15em 0 .35em;max-width:22ch}
.articulo__entradilla{font-size:1.2rem;line-height:1.5;color:var(--texto);max-width:60ch;margin-bottom:18px}
.articulo__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.articulo__autor{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:.92rem}
.articulo__autor img{width:32px;height:32px;border-radius:50%;background:var(--linea)}
.articulo__autor a{color:var(--tinta)}
.articulo__veredicto{display:inline-flex;align-items:center;gap:12px;margin-top:20px;background:#fff;border:1px solid var(--linea);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:var(--sombra)}
.articulo__veredicto-texto{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.articulo__rejilla{display:grid;gap:30px}
.articulo__principal{min-width:0;max-width:var(--ancho-texto)}
.articulo__lateral{display:none}
.articulo__imagen{margin:0 0 26px}
.articulo__imagen img{width:100%;border-radius:var(--radio)}

.respuesta{background:var(--crema);border-radius:var(--radio);border-left:6px solid var(--naranja);padding:18px 20px 4px;margin:0 0 26px}
.respuesta__titulo{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--naranja-osc);margin-bottom:8px}
.respuesta__texto{font-size:1.12rem;line-height:1.55;color:var(--tinta);font-weight:500}

.indice{margin:0 0 28px}
.indice--movil details{border:1px solid var(--linea);border-radius:var(--radio-s);padding:0 16px}
.indice--movil summary{cursor:pointer;padding:14px 0;font-weight:700;color:var(--tinta);list-style:none;display:flex;gap:6px}
.indice--movil summary::-webkit-details-marker{display:none}
.indice--movil summary::after{content:"+";margin-left:auto;font-size:1.3rem;line-height:1;color:var(--naranja-osc)}
.indice--movil details[open] summary::after{content:"−"}
.indice ol{margin:0 0 14px;padding-left:1.3em}
.indice li{margin:6px 0}
.indice li::marker{color:var(--naranja-osc);font-weight:700}
.indice a{text-decoration:none;color:var(--texto)}
.indice a:hover{color:var(--naranja-osc);text-decoration:underline}

.contenido{font-size:1.1rem;line-height:1.72}
.contenido h2{font-size:clamp(1.55rem,4.6vw,1.95rem);margin:1.8em 0 .55em}
.contenido h3{font-size:1.32rem;margin:1.5em 0 .5em}
.contenido h4{font-size:1.12rem;margin:1.4em 0 .4em}
.contenido ul,.contenido ol{margin:0 0 1.1em}
.contenido li{margin:.3em 0}
.contenido li::marker{color:var(--naranja-osc);font-weight:700}
.contenido a{text-decoration-color:var(--naranja)}
.contenido a:hover{color:var(--naranja-osc)}
.contenido blockquote{margin:1.4em 0;padding:4px 0 4px 20px;border-left:4px solid var(--naranja);font-size:1.15rem;color:var(--tinta)}
.contenido blockquote cite{display:block;font-size:.85rem;font-style:normal;color:var(--gris);margin-top:.5em}
.contenido figure{margin:1.6em 0}
.contenido figcaption{font-size:.85rem;color:var(--gris);margin-top:8px}
.contenido table{width:100%;border-collapse:collapse;font-size:.95rem;margin:1.4em 0}
.contenido .wp-block-table{overflow-x:auto}
.contenido th,.contenido td{border-bottom:1px solid var(--linea);padding:10px;text-align:left;vertical-align:top}
.contenido th{background:var(--fondo);font-weight:700;color:var(--tinta)}
.contenido strong{color:var(--tinta)}
.wp-block-image img{border-radius:var(--radio-s)}

.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}
.etiquetas a{display:inline-block;border-radius:999px;background:var(--fondo);padding:6px 12px;text-decoration:none;font-size:.85rem;font-weight:600}
.etiquetas a:hover{background:var(--linea)}
.fuentes{margin:36px 0 0;padding:18px 20px;border:1px solid var(--linea);border-radius:var(--radio)}
.fuentes__titulo{display:flex;align-items:center;gap:8px;font-size:1.2rem;margin-bottom:.6em}
.fuentes__titulo .icono{color:var(--naranja-osc)}
.fuentes ol{font-size:.95rem;padding-left:1.4em;margin:0}
.fuentes li{margin:.35em 0;overflow-wrap:anywhere}
.fuentes li::marker{color:var(--gris);font-weight:700}
.aviso{display:flex;gap:12px;align-items:flex-start;background:var(--fondo);border-radius:var(--radio);padding:16px 18px;margin:22px 0;font-size:.93rem;color:var(--texto)}
.aviso .icono{color:var(--naranja-osc);margin-top:2px}
.aviso p{margin:0}
.autor{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--fondo);border-radius:var(--radio);padding:20px;margin:26px 0 8px}
.autor__foto img{width:64px;height:64px;border-radius:50%;background:var(--linea)}
.autor__nombre{font-family:var(--titulos);font-weight:800;font-size:1.3rem;margin:0;letter-spacing:-.02em}
.autor__nombre a{text-decoration:none;color:var(--tinta)}
.autor__cargo{color:var(--naranja-osc);font-weight:600;font-size:.92rem;margin:2px 0 .5em}
.autor__bio{font-size:.97rem;margin:0}
.relacionados{background:var(--fondo);margin-top:46px;padding:10px 0 46px}
.relacionados .tarjeta{border-color:transparent}

/* Glosario emergente --------------------------------------------------- */
.glosa{position:relative;display:inline}
.glosa__termino{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:help;text-decoration:underline dotted var(--naranja-osc);text-decoration-thickness:2px;text-underline-offset:4px;line-height:inherit;letter-spacing:inherit;text-align:inherit}
.glosa__termino:hover,.glosa__termino[aria-expanded=true]{background:var(--crema);border-radius:4px}
.glosa__def{position:absolute;left:0;top:calc(100% + 8px);z-index:30;width:min(340px,80vw);background:var(--tinta);color:#f3f1ee;padding:16px 18px;border-radius:14px;font-size:.93rem;line-height:1.5;font-style:normal;font-weight:400;box-shadow:var(--sombra-alta);text-align:left}
.glosa__def[hidden]{display:none}
.glosa__def strong{color:#fff;font-family:var(--titulos)}
.glosa__def a{display:inline-block;margin-top:8px;color:var(--naranja);font-weight:700}

/* Escalera de reclamación ---------------------------------------------- */
.escalera{background:var(--fondo);border-radius:22px;margin:2.2em 0;padding:22px 20px 8px;font-size:1rem;line-height:1.55}
.escalera__cabecera .etiqueta{color:var(--naranja-osc)}
.contenido .escalera__titulo,.escalera__titulo{font-size:1.6rem;margin:.25em 0 .25em}
.escalera__intro{color:var(--gris)}
.escalera__pasos{list-style:none;padding:0;margin:20px 0 0}
.peldano{display:grid;grid-template-columns:44px 1fr;gap:14px;position:relative;padding-bottom:20px}
.peldano:not(:last-child)::before{content:"";position:absolute;left:21px;top:46px;bottom:4px;width:2px;background:repeating-linear-gradient(var(--naranja) 0 6px,transparent 6px 11px)}
.peldano__n{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--naranja);color:var(--tinta);font-family:var(--titulos);font-weight:800;font-size:1.3rem}
.peldano__cuerpo{background:#fff;border-radius:14px;padding:14px 16px}
.contenido .peldano__titulo,.peldano__titulo{font-size:1.15rem;margin:0 0 .3em}
.peldano__cuerpo p{margin-bottom:.6em}
.peldano__plazo{display:inline-block;background:var(--crema);color:var(--naranja-osc);border-radius:8px;padding:4px 10px;font-weight:700;font-size:.9rem;line-height:1.4}
.peldano__enlace{display:table;font-size:.88rem;font-weight:700;margin:2px 0 4px;color:var(--tinta)}

/* Plazos que te protegen ------------------------------------------------ */
.plazos{margin:2.2em 0;font-size:1rem;line-height:1.55}
.plazos__cabecera .etiqueta{color:var(--naranja-osc)}
.contenido .plazos__titulo,.plazos__titulo{font-size:1.6rem;margin:.25em 0 .5em}
.plazos__lista{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.plazo{display:grid;grid-template-columns:1fr;gap:10px;border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px;background:#fff}
.plazo__cifra{justify-self:start;font-family:var(--titulos);font-weight:800;font-size:1.5rem;line-height:1;letter-spacing:-.03em;color:var(--tinta);background:var(--crema);border-radius:12px;padding:10px 14px}
.contenido .plazo__titulo,.plazo__titulo{font-size:1.1rem;margin:0 0 .3em}
.plazo__quien{display:inline-block;vertical-align:.12em;font-family:var(--texto-f);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--fondo);color:var(--gris);border-radius:999px;padding:3px 8px;margin-left:4px}
.plazo__cuerpo p{margin-bottom:.4em}
.plazo__boe{font-size:.88rem;font-weight:700;color:var(--tinta)}
.plazos__nota{font-size:.9rem;color:var(--gris);margin:10px 0 0}

/* Plantilla de carta ---------------------------------------------------- */
.esp-carta{background:#fff;border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);margin:2.2em 0;padding:0 22px 18px;font-size:1rem;line-height:1.6;overflow:hidden}
.esp-carta__barra{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 -22px;padding:10px 12px 10px 22px;background:var(--fondo);border-bottom:1px solid var(--linea)}
.esp-carta__barra .etiqueta{color:var(--tinta)}
.esp-carta__nota{display:flex;align-items:center;gap:8px;margin:0 -22px 18px;padding:10px 22px;background:var(--amarillo);color:var(--amarillo-osc);font-size:.88rem;font-weight:600}
.contenido .esp-carta__titulo,.esp-carta__titulo{font-size:1.2rem;margin:0 0 .8em}
.esp-carta p{margin-bottom:.8em}
.boton-copiar{display:inline-flex;align-items:center;gap:7px;background:var(--naranja);color:var(--tinta);border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font:700 .92rem var(--texto-f);min-height:42px}
.boton-copiar:hover{background:var(--naranja-hover)}
.boton-copiar.is-copiado{background:var(--si);color:#fff}
.no-js .boton-copiar{display:none}

/* Dónde dice eso en tu póliza ------------------------------------------ */
.esp-poliza{background:var(--lila);border-radius:var(--radio);padding:16px 20px 8px;margin:2em 0;font-size:1rem;line-height:1.55}
.esp-poliza__cabecera .etiqueta{color:var(--lila-osc);margin-bottom:10px}
.esp-poliza__ref{font-size:.9rem;line-height:1.7}
.esp-poliza__ref strong{color:var(--lila-osc)}
.contenido .esp-poliza__cita,.esp-poliza__cita{background:#fff;border-left:4px solid var(--lila-osc);border-radius:0 12px 12px 0;margin:.8em 0;padding:14px 16px;font-style:italic;font-size:1rem}
.esp-poliza__cita p:last-child{margin-bottom:0}
.esp-poliza__cita p::before{content:"«"}
.esp-poliza__cita p::after{content:"»"}

/* Glosario ------------------------------------------------------------- */
.glosario dl{margin:0}
.glosario__letra{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--naranja);color:var(--tinta);font-size:1.6rem;margin:30px 0 6px}
.glosario__item{padding:14px 0;border-bottom:1px solid var(--linea);scroll-margin-top:100px}
.glosario dt{font-family:var(--titulos);font-weight:800;font-size:1.25rem;letter-spacing:-.02em}
.glosario dt a{text-decoration:none;color:var(--tinta)}
.glosario dd{margin:.2em 0 0;color:var(--gris)}
.glosario__item:target{background:var(--crema);border-radius:12px;padding-left:12px}

/* 404 ------------------------------------------------------------------ */
.e404{display:grid;gap:34px;padding:34px 0 10px}
.e404__poliza{background:var(--crema);border-radius:26px;padding:26px 22px}
.e404__numero{font-family:var(--titulos);font-weight:800;font-size:clamp(5.5rem,26vw,10rem);line-height:.85;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:3px var(--tinta);margin:0 0 14px}
.e404__titulo{font-size:clamp(1.8rem,6.5vw,2.7rem);margin:18px 0 .4em}
.e404__texto{font-size:1.08rem}
.e404__clausula{border:2px dashed #e6c3ad;border-radius:14px;padding:14px 16px;font-style:italic;color:var(--texto);background:rgba(255,255,255,.6)}
.e404__clausula .supra{font-style:normal}
.e404__clausula p:last-child{margin:0}
.e404__subtitulo{font-family:var(--titulos);font-weight:800;font-size:1.5rem;color:var(--tinta);line-height:1.15}
.e404__salidas .buscador{margin:6px 0 24px}
.e404__salidas .tipos--lista{grid-template-columns:1fr 1fr}

/* Pie ---------------------------------------------------------------- */
.pie{background:var(--tinta);color:#cfccc6;margin-top:60px;padding:44px 0 24px;font-size:.95rem}
.relacionados+.pie,.banda-reclamar+.pie{margin-top:0}
.pie__rejilla{display:grid;gap:30px}
.pie__texto{margin-top:14px;max-width:46ch}
.pie__sellos{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.pie__sellos li{display:flex;align-items:center;gap:8px;color:#fff;font-weight:600}
.pie__sellos .icono{color:var(--naranja)}
.pie .supra{color:#9d9aa3}
.pie__pasos{margin:0;padding-left:1.2em}
.pie__pasos li{margin:.35em 0}
.pie__pasos li::marker{color:var(--naranja);font-weight:700}
.pie a{color:#fff}
.pie__menu .menu{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pie__menu a{text-decoration:none}
.pie__menu a:hover{text-decoration:underline;text-decoration-color:var(--naranja)}
.pie__legal{border-top:1px solid #34343c;margin:30px 0 0;padding-top:16px;font-size:.82rem;color:#9d9aa3}

/* Clases estándar de WordPress ------------------------------------------ */
.alignleft{float:left;margin:.3em 1.4em 1em 0;max-width:50%}
.alignright{float:right;margin:.3em 0 1em 1.4em;max-width:50%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text,.gallery-caption{font-size:.85rem;color:var(--gris);margin-top:8px}
.sticky,.bypostauthor{outline:0}

/* Móvil: definición del glosario como hoja inferior -------------------- */
@media (max-width:599px){
	.glosa__def{position:fixed;left:12px;right:12px;bottom:12px;top:auto;width:auto;box-shadow:0 0 0 100vmax rgba(26,26,31,.3);padding:18px 18px 16px}
}

/* En móvil, las portadillas sin foto son más bajas */
@media (max-width:599px){.tarjeta__imagen .imagen--vacia{aspect-ratio:5/2}}

/* Tableta ---------------------------------------------------------------- */
@media (min-width:600px){
	:root{--hueco:28px}
	.tipos--rejilla{grid-template-columns:repeat(3,1fr)}
	.secciones{grid-template-columns:1fr 1fr}
	.tarjetas{grid-template-columns:1fr 1fr}
	.garantias{grid-template-columns:repeat(3,1fr)}
	.fila{grid-template-columns:120px 1fr;gap:20px}
	.plazo{grid-template-columns:120px 1fr;gap:18px}
	.plazo__cifra{justify-self:stretch;text-align:center;align-self:start;font-size:1.65rem;padding:14px 8px}
	.escalera{padding:28px 28px 12px}
	.esp-carta{padding:0 30px 22px}
	.esp-carta__barra{margin:0 -30px;padding-left:30px}
	.esp-carta__nota{margin:0 -30px 20px;padding:10px 30px}
	.archivo__cabecera{padding:34px}
	.e404__poliza{padding:36px}
	.pie__rejilla{grid-template-columns:1.2fr 1fr}
	.desplegable--buscar .desplegable__panel{left:auto;width:min(560px,calc(100vw - 56px))}
}

/* Escritorio ------------------------------------------------------------ */
@media (min-width:1000px){
	.menu-principal{display:block}
	.desplegable--menu{display:none}
	.hero{padding:56px 0 34px}
	.hero__dentro{grid-template-columns:1.25fr .85fr;gap:56px;align-items:center}
	.caso-destacado{padding:30px;transform:rotate(1.2deg)}
	.tipos--rejilla{grid-template-columns:repeat(5,1fr)}
	.secciones{grid-template-columns:repeat(4,1fr)}
	.tarjetas{grid-template-columns:repeat(3,1fr)}
	.tarjetas--dos{grid-template-columns:1fr 1fr}
	.con-lateral{grid-template-columns:minmax(0,1fr) 330px;gap:40px}
	.lateral{position:sticky;top:96px}
	.banda-reclamar{padding:60px 0}
	.banda-reclamar__dentro{grid-template-columns:1fr 1fr;gap:56px}
	/* La escalera, como una escalera de verdad */
	.mini-escalera li:nth-child(2){margin-left:28px}
	.mini-escalera li:nth-child(3){margin-left:56px}
	.mini-escalera li:nth-child(4){margin-left:84px}
	.articulo__rejilla{grid-template-columns:minmax(0,var(--ancho-texto)) 300px;gap:56px;justify-content:space-between}
	.articulo__lateral{display:grid;gap:16px;align-content:start;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto}
	.indice--movil{display:none}
	.indice--lateral{border-left:2px solid var(--linea);padding-left:16px}
	.indice--lateral ol{list-style:none;padding:0}
	.indice--lateral a{display:block;font-size:.95rem}
	.e404{grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;padding-top:50px}
	.pie__rejilla{grid-template-columns:1.4fr 1.2fr .8fr}
}

/* Impresión ------------------------------------------------------------- */
@media print{
	.confianza,.cabecera,.anuncio,.pie,.relacionados,.boton-copiar,.migas,.indice,.articulo__lateral{display:none!important}
	.esp-carta,.respuesta,.escalera{box-shadow:none}
}
.indice__n{color:var(--gris);font-weight:500}

/* ======================================================================
   v3 · Distribución, herramientas y funciones especiales
   ====================================================================== */

/* Botones extra */
.boton--borde{background:#fff;border:1.5px solid var(--tinta);color:var(--tinta)}
.boton--borde:hover{background:var(--fondo)}
.boton--peq{padding:9px 14px;font-size:.92rem}
.boton-icono--peq{width:38px;height:38px;border-radius:10px}

/* Barra de progreso de lectura */
.progreso{position:fixed;left:0;right:0;top:0;height:4px;z-index:80;pointer-events:none;display:none}
.con-progreso .progreso{display:block}
.progreso span{display:block;height:100%;background:var(--naranja);transform:scaleX(0);transform-origin:0 50%}

/* Megamenú */
.menu-principal .menu>li>a,.mega__boton{display:flex;align-items:center;gap:6px}
.mega__boton{font:600 .97rem var(--texto-f);color:var(--texto);background:none;border:0;padding:9px 13px;border-radius:999px;cursor:pointer}
.mega__boton:hover,.mega.is-abierto .mega__boton{background:var(--fondo);color:var(--tinta)}
.mega__boton .icono{transition:transform .2s}
.mega.is-abierto .mega__boton .icono{transform:rotate(180deg)}
.mega{position:static!important}
.mega__panel{display:none;position:absolute;left:var(--hueco);right:var(--hueco);top:calc(100% - 4px);background:#fff;border:1px solid var(--linea);border-radius:22px;box-shadow:var(--sombra-alta);padding:22px;z-index:70}
.mega.is-abierto .mega__panel,.mega:focus-within .mega__panel{display:block}
@media (hover:hover) and (min-width:1000px){.mega:hover .mega__panel{display:block}}
.mega__rejilla{display:grid;grid-template-columns:1fr 280px;gap:22px}
.mega__tipos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
.mega__tipos a{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:14px;text-decoration:none}
.mega__tipos a:hover{background:var(--crema)}
.mega__icono{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--crema);color:var(--naranja-osc)}
.mega__tipos strong{display:block;font-family:var(--titulos);font-weight:800;color:var(--tinta);font-size:1.02rem;letter-spacing:-.01em}
.mega__tipos small{display:block;color:var(--gris);font-size:.84rem;line-height:1.35;margin-top:2px}
.mega__lateral{background:var(--fondo);border-radius:16px;padding:16px}
.mega__herr{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:2px}
.mega__herr a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;font-weight:700;color:var(--tinta)}
.mega__herr a:hover{background:#fff}
.mega__herr .icono{color:var(--naranja-osc)}
.mega__nota{display:flex;gap:6px;align-items:flex-start;font-size:.82rem;color:var(--gris);margin:0}
.mega__nota .icono{color:var(--naranja-osc);margin-top:2px}
.menu__destacado>a{background:var(--crema);color:var(--naranja-osc)!important}
.menu__destacado>a:hover{background:#ffe6d6!important}
.menu-movil__herr{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:2px}
.menu-movil__herr a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;background:var(--crema);color:var(--tinta);margin-bottom:4px}
.menu-movil__herr .icono{color:var(--naranja-osc)}

/* Rejilla de herramientas */
.herramientas-rejilla{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.herramienta-tarjeta a{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--linea);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden}
.herramienta-tarjeta a:hover{transform:translateY(-3px);box-shadow:var(--sombra);border-color:var(--naranja)}
.herramienta-tarjeta a::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:var(--crema);z-index:0}
.herramienta-tarjeta a>*{position:relative;z-index:1}
.herramienta-tarjeta__icono{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--naranja);color:var(--tinta);margin-bottom:6px}
.herramienta-tarjeta__corto{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--naranja-osc)}
.herramienta-tarjeta__titulo{font-family:var(--titulos);font-weight:800;font-size:1.3rem;line-height:1.1;letter-spacing:-.02em;color:var(--tinta)}
.herramienta-tarjeta__texto{font-size:.93rem;color:var(--gris)}
.herramienta-tarjeta__ir{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--naranja-osc)}
.herramientas-rejilla--compacta .herramienta-tarjeta a{flex-direction:row;align-items:center;flex-wrap:wrap;gap:4px 14px;padding:16px}
.herramientas-rejilla--compacta .herramienta-tarjeta a::after{display:none}
.herramientas-rejilla--compacta .herramienta-tarjeta__icono{width:46px;height:46px;margin:0}
.herramientas-rejilla--compacta .herramienta-tarjeta__titulo{font-size:1.1rem;flex:1}
.herramientas-rejilla--compacta .herramienta-tarjeta__texto{flex-basis:100%;padding-left:60px;margin-top:-6px}

/* Interfaz de herramientas */
.herramienta{background:var(--fondo);border-radius:24px;padding:18px;margin:1.6em 0;font-size:1rem;line-height:1.55}
.herramienta__pestanas{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.herramienta__pestanas button{display:inline-flex;align-items:center;gap:8px;font:700 .95rem var(--texto-f);border:1.5px solid var(--linea);background:#fff;color:var(--texto);border-radius:999px;padding:10px 16px;cursor:pointer}
.herramienta__pestanas button[aria-selected=true]{background:var(--tinta);border-color:var(--tinta);color:#fff}
.herramienta__pestanas button[aria-selected=true] .icono{color:var(--naranja)}
.campos{display:grid;gap:12px}
.campo{display:grid;gap:6px;font-weight:700;color:var(--tinta);font-size:.95rem}
.campo em{font-style:normal;font-weight:500;color:var(--gris);font-size:.85rem}
.campo small{font-weight:500;color:var(--gris);font-size:.82rem}
.campo input,.campo select,.campo textarea{width:100%;font:500 1rem var(--texto-f);color:var(--tinta);background:#fff;border:1.5px solid var(--linea);border-radius:12px;padding:12px 14px;min-height:48px}
.campo textarea{resize:vertical;line-height:1.5}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--naranja);box-shadow:0 0 0 4px rgba(255,106,43,.2)}
.campo__euro{position:relative;display:block}
.campo__euro input{padding-right:40px}
.campo__euro b{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--gris)}
.casilla{display:flex;align-items:flex-start;gap:10px;margin:14px 0 4px;font-weight:600;font-size:.95rem}
.casilla input{width:20px;height:20px;accent-color:var(--naranja);margin-top:2px;flex:none}
.herramienta__resultado{margin-top:18px}
.herramienta__acciones{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.herramienta__acciones .boton{border:0;cursor:pointer;font:700 1rem var(--texto-f)}
.herramienta__acciones .boton--borde{border:1.5px solid var(--tinta)}
.herramienta__nota{font-size:.85rem;color:var(--gris);margin:16px 0 6px}
.herramienta__privado{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--si);margin:0}
.herramienta__noscript{font-weight:700;color:var(--no)}
.resultado__vacio{color:var(--gris);background:#fff;border:1.5px dashed var(--linea);border-radius:14px;padding:16px;margin:0}

.linea-tiempo{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.linea-tiempo__vacio{color:var(--gris);background:#fff;border-radius:14px;padding:16px}
.hito{display:grid;gap:10px;background:#fff;border-radius:16px;padding:16px;border-left:5px solid var(--linea)}
.hito--futuro{border-left-color:var(--si)}
.hito--pronto,.hito--hoy{border-left-color:var(--naranja)}
.hito--pasado{border-left-color:#c9c4bd;opacity:.85}
.hito__fecha strong{display:block;font-family:var(--titulos);font-weight:800;font-size:1.15rem;color:var(--tinta);letter-spacing:-.01em}
.hito__fecha strong::first-letter{text-transform:uppercase}
.hito__estado{display:inline-block;margin-top:6px;font-size:.78rem;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--fondo);color:var(--gris)}
.hito--futuro .hito__estado{background:var(--si-fondo);color:var(--si)}
.hito--pronto .hito__estado,.hito--hoy .hito__estado{background:var(--crema);color:var(--naranja-osc)}
.hito__titulo{font-weight:800;color:var(--tinta);margin:0 0 .2em}
.hito__texto p{margin:0 0 .4em}
.hito__texto a{font-size:.85rem;font-weight:700}

.resultado__cifras{display:grid;gap:10px}
.cifra{background:#fff;border-radius:16px;padding:16px}
.cifra span{display:block;font-size:.85rem;font-weight:700;color:var(--gris)}
.cifra strong{display:block;font-family:var(--titulos);font-weight:800;font-size:2rem;line-height:1.1;color:var(--tinta);letter-spacing:-.03em}
.cifra small{color:var(--gris)}
.cifra--destacada{background:var(--tinta)}
.cifra--destacada span,.cifra--destacada small{color:#cfccc6}
.cifra--destacada strong{color:var(--naranja)}
.cifra--mal strong{color:var(--no)}
.barra-proporcion{height:12px;border-radius:999px;background:var(--no-fondo);margin:14px 0;overflow:hidden}
.barra-proporcion span{display:block;height:100%;background:var(--si);border-radius:999px}
.resultado__veredicto{border-radius:14px;padding:14px 16px;margin:0}
.resultado__veredicto--mal{background:var(--no-fondo);color:#7a1810}
.resultado__veredicto--bien{background:var(--si-fondo);color:#0b4d2c}

.herramienta__rejilla{display:grid;gap:18px}
.herramienta--carta .esp-carta{margin:0}
.esp-carta--generada{padding-bottom:0}
.esp-carta__botones{display:flex;gap:6px;align-items:center}
.carta-generada{margin:0 0 18px;white-space:pre-wrap;font:500 .97rem/1.65 var(--texto-f);color:var(--texto);max-height:620px;overflow:auto}

.detector__resumen{font-family:var(--titulos);font-weight:800;font-size:1.25rem;color:var(--tinta);margin-bottom:12px}
.detector__alerta{color:var(--no)}
.detector__texto{background:#fff;border-radius:16px;padding:16px 18px;line-height:1.9;margin-bottom:14px}
.marca{border-radius:5px;padding:1px 3px;cursor:help}
.marca--alta{background:var(--no-fondo);color:#7a1810;box-shadow:inset 0 -2px 0 var(--no)}
.marca--media{background:var(--medias-fondo);color:#5c3a00;box-shadow:inset 0 -2px 0 #c58a12}
.marca--glosa{background:var(--lila);color:#3c2790;box-shadow:inset 0 -2px 0 var(--lila-osc)}
.marca--info{background:#e9eef3;color:#2c3e50}
.detector__lista{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px}
.detector__item{display:grid;gap:2px;background:#fff;border-radius:12px;padding:12px 14px;border-left:4px solid var(--linea);font-size:.95rem}
.detector__item--alta{border-left-color:var(--no)}
.detector__item--media{border-left-color:#c58a12}
.detector__item--glosa{border-left-color:var(--lila-osc)}
.detector__nombre{font-weight:800;color:var(--tinta)}
.detector__leyenda{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;margin:0}

/* Portada de tipo de seguro (hub) */
.hub{background:radial-gradient(700px 360px at 95% 0,rgba(255,106,43,.2),transparent 60%),var(--crema);border-bottom:1px solid var(--linea);padding-bottom:24px}
.hub__dentro{display:grid;gap:22px;padding:8px 0 4px}
.hub__icono{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:var(--naranja);color:var(--tinta);margin-bottom:16px;box-shadow:4px 4px 0 var(--tinta);transform:rotate(-4deg)}
.hub__titulo{font-size:clamp(2.3rem,8vw,3.8rem);letter-spacing:-.04em;margin:0 0 .2em}
.hub__lema{font-size:1.2rem;font-weight:600;color:var(--tinta);margin-bottom:.6em}
.hub__desc{color:var(--texto);max-width:60ch}
.hub__datos{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.dato{background:#fff;border-radius:16px;padding:14px 16px;border:1px solid var(--linea)}
.dato strong{display:block;font-family:var(--titulos);font-weight:800;font-size:2rem;line-height:1;color:var(--tinta)}
.dato span{font-size:.85rem;color:var(--gris);font-weight:600}
.dato--ancho{grid-column:1/-1}
.dato--ancho .marcador__barra{margin-bottom:10px}
.hub__saltos{display:flex;gap:8px;overflow-x:auto;margin-top:20px;padding-bottom:4px;scrollbar-width:thin}
.hub__saltos a{display:inline-flex;align-items:center;gap:8px;flex:none;background:#fff;border:1px solid var(--linea);border-radius:999px;padding:8px 14px 8px 10px;text-decoration:none;font-weight:700;color:var(--tinta)}
.hub__saltos a:hover{border-color:var(--naranja)}
.hub__saltos .icono{width:20px;height:20px;color:var(--naranja-osc)}
.hub__saltos span{background:var(--fondo);border-radius:999px;padding:0 8px;font-size:.8rem;color:var(--gris)}
.grupo{scroll-margin-top:90px}

/* Preguntas frecuentes */
.faq{display:grid;gap:10px;max-width:880px}
.faq__item{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:0 18px}
.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:17px 0;font-family:var(--titulos);font-weight:800;font-size:1.12rem;color:var(--tinta);letter-spacing:-.01em}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary .icono{flex:none;color:var(--naranja-osc);transition:transform .2s}
.faq__item[open] summary .icono{transform:rotate(180deg)}
.faq__item p{margin:0 0 18px;color:var(--texto)}

/* Nube del glosario */
.nube{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nube a{display:inline-block;background:var(--fondo);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:600;color:var(--tinta)}
.nube a:hover{background:var(--crema);color:var(--naranja-osc)}

/* Artículo: acciones y ficha del caso */
.articulo__acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.accion{display:inline-flex;align-items:center;gap:7px;font:700 .88rem var(--texto-f);color:var(--tinta);background:#fff;border:1px solid var(--linea);border-radius:999px;padding:8px 14px;cursor:pointer;text-decoration:none}
.accion:hover{border-color:var(--tinta)}
.accion.is-activo{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.accion[hidden]{display:none}
.ficha-caso{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0 0}
.ficha-caso__dato{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:12px 14px}
.ficha-caso__dato--veredicto{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ficha-caso dt{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.ficha-caso dd{margin:4px 0 0;font-family:var(--titulos);font-weight:800;font-size:1.25rem;color:var(--tinta);letter-spacing:-.01em}
.ficha-caso__dato--veredicto dd{margin:0}
.lista-herr{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lista-herr a{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;text-decoration:none;font-weight:700;color:var(--tinta);font-size:.95rem}
.lista-herr a:hover{background:var(--fondo)}
.lista-herr .icono{color:var(--naranja-osc)}

/* Pie: mapa del sitio */
.pie__superior{display:grid;gap:30px;padding-bottom:30px;border-bottom:1px solid #34343c}
.pie__mapa{display:grid;grid-template-columns:1fr 1fr;gap:26px;padding-top:30px}
.pie__mapa ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pie__mapa a{text-decoration:none;color:#e9e7e3}
.pie__mapa a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--naranja)}
.pie__reclamar .boton{margin-top:12px}

@media (min-width:600px){
	.herramientas-rejilla{grid-template-columns:1fr 1fr}
	.herramienta{padding:26px}
	.campos--dos{grid-template-columns:1fr 1fr}
	.hito{grid-template-columns:230px 1fr;gap:18px}
	.resultado__cifras{grid-template-columns:repeat(3,1fr)}
	.ficha-caso{grid-template-columns:repeat(4,1fr)}
	.pie__superior{grid-template-columns:1.3fr 1fr}
	.pie__mapa{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1000px){
	.herramientas-rejilla{grid-template-columns:repeat(4,1fr)}
	.herramientas-rejilla--compacta{grid-template-columns:repeat(2,1fr)}
	.hub{padding-bottom:30px}
	.hub__dentro{grid-template-columns:1.3fr 1fr;gap:56px;align-items:end;padding-top:14px}
	.herramienta__rejilla{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
	.herramienta__vista{position:sticky;top:96px}
	.es-herramienta .contenido>p:first-child{font-size:1.2rem;max-width:62ch}
}
@media (max-width:999px){
	.mega__panel{display:none!important}
}
@media print{
	.progreso,.articulo__acciones,.herramienta__formulario,.herramienta__pestanas,.herramienta__acciones,.herramienta__privado{display:none!important}
	.herramienta{background:none;padding:0}
}
@media (max-width:599px){
	.bloque--herramientas .herramientas-rejilla{grid-template-columns:1fr 1fr;gap:10px}
	.bloque--herramientas .herramienta-tarjeta a{padding:14px}
	.bloque--herramientas .herramienta-tarjeta__icono{width:42px;height:42px;border-radius:12px}
	.bloque--herramientas .herramienta-tarjeta__titulo{font-size:1.05rem}
	.bloque--herramientas .herramienta-tarjeta__texto,.bloque--herramientas .herramienta-tarjeta__ir{display:none}
	.bloque--herramientas .herramienta-tarjeta__corto{font-size:.68rem}
	.ficha-caso dd{font-size:1.08rem}
	.herramienta__pestanas button{flex:1 1 auto;justify-content:center}
}
.pie .boton--naranja,.pie .boton--naranja:hover{color:var(--tinta)}
