@font-face{font-family:Switzer;src:url(/fuentes/switzer-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fuentes/switzer-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fuentes/switzer-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/fuentes/switzer-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--granate:#3d0012;--granate-2:#55081f;--granate-3:#6b0f2a;--chicle:#ff99d3;--chicle-2:#ffc4e5;--chicle-suave:#e8a9cb;
--papel:#fff5f9;--papel-2:#fbe7f0;--papel-3:#f5d3e3;--tinta:#2e0a15;--tinta-suave:#6b4552;--enlace:#a8124a;
--sans:Switzer,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--t-peq:.875rem;--t-cuerpo:clamp(1.0625rem,1rem + .25vw,1.1875rem);--t-entr:clamp(1.25rem,1.1rem + .7vw,1.625rem);--t-tit:clamp(2rem,1.3rem + 3.2vw,4rem);--t-gig:clamp(3.25rem,1.4rem + 7.2vw,8.75rem);
--margen:clamp(16px,4vw,48px);--ancho:1280px;--seccion:clamp(88px,10vw,176px);--suave:var(--tinta-suave);--sombra:0 24px 60px -24px rgba(46,10,21,.55)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--papel:#1f0510;--papel-2:#2c0918;--papel-3:#3b0e22;--tinta:#ffe1ef;--tinta-suave:#d9a6c0;--enlace:#ff99d3;color-scheme:dark}}
:root[data-theme=dark]{--papel:#1f0510;--papel-2:#2c0918;--papel-3:#3b0e22;--tinta:#ffe1ef;--tinta-suave:#d9a6c0;--enlace:#ff99d3;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 var(--t-cuerpo)/1.55 var(--sans);-webkit-font-smoothing:antialiased;font-kerning:normal}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:var(--enlace);text-underline-offset:.18em;text-decoration-thickness:.08em}
a:hover{text-decoration-thickness:.14em}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;line-height:1;margin:0;text-wrap:balance}
p{margin:0 0 1em}
:focus-visible{outline:3px solid var(--chicle);outline-offset:3px;border-radius:4px}
::selection{background:var(--chicle);color:var(--granate)}
.saltar{position:absolute;left:-9999px;top:0;z-index:99;background:var(--chicle);color:var(--granate);padding:12px 18px;font-weight:600}
.saltar:focus{left:12px;top:12px}
.marco{max-width:var(--ancho);margin-inline:auto;padding-inline:var(--margen)}
.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* botones: el pompón alargado (redondo del todo) */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 1.4em;border-radius:999px;border:0;font:600 1rem/1 var(--sans);letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .16s,color .16s;-webkit-tap-highlight-color:transparent}
.boton:active{transform:scale(.96)}
.boton-chicle{background:var(--chicle);color:var(--granate)}
.boton-chicle:hover{background:var(--chicle-2)}
.boton-granate{background:var(--granate);color:var(--chicle)}
.boton-granate:hover{background:var(--granate-3)}
.boton-claro{background:var(--papel-3);color:var(--tinta)}
.boton-claro:hover{background:var(--chicle-2);color:var(--granate)}
.boton-borde{background:transparent;color:var(--chicle);box-shadow:inset 0 0 0 2px var(--chicle)}
.boton-borde:hover{background:var(--chicle);color:var(--granate)}

/* barra */
.barra{position:sticky;top:0;z-index:50;background:var(--granate);color:var(--chicle)}
.barra-in{display:flex;align-items:center;gap:24px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;color:var(--chicle);text-decoration:none;font-weight:600;font-size:1.25rem;letter-spacing:-.03em;margin-right:auto;white-space:nowrap}
.logo-ico{width:46px;height:auto;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.logo:hover .logo-ico{transform:rotate(-6deg) translateY(-2px)}
.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;color:var(--chicle);text-decoration:none;font-weight:500;font-size:1rem;transition:background-color .16s}
.nav a:hover,.nav a[aria-current]{background:var(--granate-2)}
.barra-accion{min-height:42px;padding:0 1.1em;font-size:.95rem}
.menu-boton{display:none;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--granate-2);color:var(--chicle);font:600 1rem/1 var(--sans);cursor:pointer}
.menu{background:var(--granate);padding:8px 0 28px}
.menu-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.menu-lista a{display:flex;align-items:center;min-height:52px;color:var(--chicle);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;text-decoration:none}
.menu-herr{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.menu-herr .boton{width:100%}
@media (max-width:1080px){.nav{display:none}}
@media (max-width:720px){.barra-accion{display:none}.menu-boton{display:inline-flex;align-items:center}.barra-in{min-height:62px}.logo{font-size:1.125rem}.logo-ico{width:40px}}

/* ---------- portada: cabecera con el pompón gigante y las carpetas de secciones ---------- */
.portada-cab{position:relative;overflow:hidden;background:var(--granate);color:var(--chicle);padding-top:clamp(40px,7vw,104px)}
.portada-cab .marco{position:relative;z-index:2}
.portada-texto{max-width:min(660px,54%)}
@media (max-width:1080px) and (min-width:721px){.portada-texto{max-width:66%}.portada-cab h1{font-size:clamp(3.25rem,1rem + 6vw,5.5rem)}}
.portada-cab h1{font-size:clamp(3.25rem,1rem + 6.2vw,7rem);line-height:.92;letter-spacing:-.045em;color:var(--chicle)}
.portada-cab .lead{font-size:var(--t-entr);line-height:1.35;margin:clamp(24px,3vw,40px) 0 32px;max-width:30ch;color:var(--chicle-2)}
.portada-cab .acciones{display:flex;flex-wrap:wrap;gap:12px}
.pompon{position:absolute;z-index:1;right:calc(-1 * clamp(160px,16vw,320px));top:clamp(-140px,-6vw,-40px);width:clamp(520px,62vw,1040px);aspect-ratio:1;border-radius:50%;background:var(--chicle);overflow:hidden}
.pompon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pompon-caniche{position:absolute;left:12%;bottom:22%;width:56%;color:var(--granate);--ojo:var(--chicle)}
.carpetas{position:relative;z-index:2;margin-top:clamp(56px,7vw,112px);display:grid}
.carpeta{position:relative;display:block;height:64px;margin-top:-6px;text-decoration:none;color:var(--granate)}
.carpeta-cuerpo{position:absolute;inset:40px 0 -60px;background:var(--c)}
.carpeta-pestana{position:absolute;top:0;left:var(--x);white-space:nowrap;height:42px;display:flex;align-items:center;padding:0 34px 0 26px;background:var(--c);font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;clip-path:polygon(0 100%,10px 0,calc(100% - 22px) 0,100% 100%);transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.carpeta:hover .carpeta-pestana,.carpeta:focus-visible .carpeta-pestana{transform:translateY(-6px)}
.carpeta:focus-visible{outline:none}
.carpeta:focus-visible .carpeta-pestana{box-shadow:inset 0 -3px 0 var(--granate)}
.carpeta-pestana small{font-weight:400;font-size:.9rem;margin-left:.6em;opacity:.8}
.carpeta.frente{height:auto}
.carpeta.frente .carpeta-cuerpo{bottom:0}
@media (max-width:720px){
 .portada-cab{padding-top:36px}
 .portada-texto{max-width:none}
 .portada-cab h1{font-size:clamp(3rem,14.5vw,4.6rem)}
 .portada-cab .lead{margin:20px 0 24px;font-size:1.1875rem}
 .portada-cab .acciones .boton{flex:1 1 100%}
 .portada-cab{display:flex;flex-direction:column}
 .portada-cab>.marco{order:1}
 .pompon{position:relative;right:auto;top:auto;order:2;width:78vw;margin:36px -20vw -110px auto}
 .portada-cab>.marco-carpetas{order:3;width:100%}
 .carpetas{margin-top:0}
 .carpeta{height:50px}
 .carpeta-cuerpo{inset:34px 0 -60px}
 .carpeta-pestana{height:36px;font-size:1rem;padding:0 26px 0 18px;left:var(--xm)}
}

/* «lo último»: lista en dos columnas con viñetas de foto redonda */
.ultimo{background:var(--papel);padding:clamp(28px,4vw,56px) 0 var(--seccion)}
.cab-lista{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(28px,3vw,44px)}
.cab-lista h2{font-size:var(--t-tit)}
.cab-lista a,.cab-lista span{font-size:1rem;white-space:nowrap}
.lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:36px 64px}
.lista li{min-width:0}
.lista a{display:grid;grid-template-columns:76px 1fr;gap:20px;align-items:start;color:var(--tinta);text-decoration:none}
.lista .bola{width:76px;height:76px;border-radius:50%;overflow:hidden;background:var(--papel-3);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.lista .bola img{width:100%;height:100%;object-fit:cover}
.lista a:hover .bola{transform:scale(1.06)}
.lista h3{font-size:1.1875rem;line-height:1.22;letter-spacing:-.02em;font-weight:600;margin:2px 0 6px}
.lista a:hover h3{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.18em}
.lista p{font-size:1rem;line-height:1.45;color:var(--tinta-suave);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.lista .sec{display:block;font-size:.875rem;color:var(--enlace);font-weight:500;margin-top:6px}
@media (max-width:820px){.lista{grid-template-columns:1fr;gap:26px}.lista a{grid-template-columns:60px 1fr;gap:16px}.lista .bola{width:60px;height:60px}.lista h3{font-size:1.125rem}}

/* calculadora (la pieza viva): banda granate */
.calc-banda{background:var(--granate);color:var(--chicle);padding:var(--seccion) 0}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.calc h2{font-size:var(--t-tit);color:var(--chicle)}
.calc .lead{font-size:var(--t-entr);line-height:1.35;color:var(--chicle-2);margin:24px 0 0;max-width:28ch}
.calc form{display:grid;gap:22px}
.campo label,.campo legend{display:block;font-weight:600;font-size:1.0625rem;margin-bottom:10px;padding:0}
.campo fieldset{border:0;margin:0;padding:0;min-width:0}
.campo-fila{display:flex;align-items:center;gap:16px}
.campo input[type=range]{flex:1;accent-color:var(--chicle);height:44px}
.campo output,.campo .num{font-weight:600;font-size:1.375rem;min-width:5.6ch;text-align:right;font-variant-numeric:tabular-nums}
.campo input[type=number]{width:7.5em;min-height:48px;padding:0 14px;border-radius:12px;border:2px solid var(--granate-3);background:var(--granate-2);color:var(--chicle);font:600 1.125rem var(--sans)}
.campo .ayuda{font-size:.9rem;color:var(--chicle-suave);margin:8px 0 0}
.opciones{display:flex;flex-wrap:wrap;gap:8px}
.opciones label{margin:0;font-weight:500;font-size:1rem}
.opciones input{position:absolute;opacity:0;pointer-events:none}
.opciones span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--granate-2);color:var(--chicle);cursor:pointer;transition:background-color .16s,color .16s}
.opciones input:checked+span{background:var(--chicle);color:var(--granate)}
.opciones input:focus-visible+span{outline:3px solid var(--chicle);outline-offset:3px}
.resultado{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.resultado-bola{flex:none;display:grid;place-items:center;width:clamp(180px,22vw,300px);aspect-ratio:1;border-radius:50%;background:var(--chicle);color:var(--granate);text-align:center;padding:12px}
.resultado-bola strong{display:block;font-size:clamp(3.2rem,2rem + 4vw,6rem);line-height:.9;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.resultado-bola span{display:block;font-size:1rem;font-weight:500;margin-top:6px}
.resultado p{margin:0;font-size:1rem;color:var(--chicle-2)}
.resultado p strong{color:var(--chicle)}
.calc-nota{font-size:.9375rem;color:var(--chicle-suave);margin-top:18px}
.calc-nota a{color:var(--chicle)}
@media (max-width:860px){.calc{grid-template-columns:1fr}.resultado{flex-direction:column;align-items:flex-start}}

/* guías esenciales: foto grande en círculo cortada por el borde + puntos con pompón */
.esenciales{padding:var(--seccion) 0;overflow:hidden}
.esenciales-in{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:center}
.circulo-foto{position:relative;width:118%;margin-left:-22%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--papel-3)}
.circulo-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.esenciales h2{font-size:var(--t-tit);margin-bottom:clamp(32px,4vw,56px)}
.puntos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:36px 40px}
.puntos a{color:var(--tinta);text-decoration:none;display:block}
.puntos h3{display:flex;align-items:baseline;gap:10px;font-size:1.125rem;line-height:1.25;letter-spacing:-.015em;font-weight:600;margin-bottom:6px}
.puntos h3::before{content:"";flex:none;width:.7em;height:.7em;border-radius:50%;background:var(--granate);transform:translateY(.02em);transition:transform .2s}
.puntos li:nth-child(3n+2) h3::before{background:var(--chicle)}
.puntos li:nth-child(3n) h3::before{background:var(--granate-3)}
.puntos a:hover h3{color:var(--enlace)}
.puntos a:hover h3::before{transform:scale(1.35)}
.puntos p{margin:0;font-size:1rem;line-height:1.45;color:var(--tinta-suave);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (max-width:860px){.esenciales-in{grid-template-columns:1fr}.circulo-foto{width:92vw;margin-left:-22vw;max-height:none}.puntos{grid-template-columns:1fr;gap:26px}.puntos h3{position:relative}}

/* tamaños: el caniche sobre el disco */
.tamanos{background:var(--papel-2);padding:var(--seccion) 0;overflow:hidden}
.tamanos-in{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,4vw,64px);align-items:end;min-height:min(78vh,760px)}
.tamanos h2{font-size:var(--t-tit);color:var(--tinta-suave);font-weight:600;margin-bottom:8px}
.tam-lista{list-style:none;margin:0;padding:0}
.tam-lista button{display:block;width:100%;text-align:left;border:0;background:none;padding:2px 0;font:600 clamp(1.75rem,1rem + 2.6vw,2.75rem)/1.15 var(--sans);letter-spacing:-.035em;color:var(--tinta-suave);cursor:pointer;transition:color .2s}
.tam-lista button[aria-pressed=true]{color:var(--tinta)}
.tam-lista button[aria-pressed=true]::after{content:"";display:inline-block;width:.42em;height:.42em;border-radius:50%;background:var(--chicle);margin-left:.3em;vertical-align:.08em}
.tam-lista button:hover{color:var(--tinta)}
.tam-escena{position:relative;aspect-ratio:1;max-height:74vh;width:100%;justify-self:end}
.tam-disco{position:absolute;inset:0;margin:auto;width:100%;aspect-ratio:1;border-radius:50%;background:var(--granate);transition:background-color .3s}
.tam-caniche{position:absolute;left:50%;bottom:16%;color:var(--chicle);transform-origin:50% 100%;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.tam-caniche svg{width:100%;height:auto}
.tam-regla{position:absolute;right:12%;bottom:16%;width:10px;background:var(--chicle-2);border-radius:999px;transition:height .45s cubic-bezier(.2,.8,.2,1)}
.tam-dato{margin:28px 0 0;font-size:1.0625rem;line-height:1.35;color:var(--tinta)}
.tam-dato strong{display:block;font-size:clamp(2rem,1.2rem + 2.4vw,3.25rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.tam-fuente{font-size:.9375rem;color:var(--tinta-suave);margin-top:18px;max-width:40ch}
@media (max-width:860px){.tamanos-in{grid-template-columns:1fr;min-height:0}.tam-escena{order:-1;width:86vw;justify-self:center}.tam-lista{display:flex;flex-wrap:wrap;gap:4px 22px}.tam-lista button{font-size:1.625rem;white-space:nowrap}}

/* preguntas: fichas con pestaña */
.preguntas-banda{padding:var(--seccion) 0}
.preguntas-in{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,80px);align-items:start}
.preguntas-banda h2{font-size:var(--t-tit);margin-bottom:clamp(28px,3vw,44px);max-width:12ch;position:sticky;top:110px}
@media (max-width:860px){.preguntas-in{grid-template-columns:1fr}.preguntas-banda h2{position:static}}
.fichas{max-width:900px}
.ficha{position:relative;margin-top:-14px;background:var(--c,var(--papel-3));padding-top:0}
.ficha:first-child{margin-top:0}
.ficha summary{list-style:none;cursor:pointer;display:block;padding:22px clamp(18px,3vw,32px) 30px}
.ficha summary::-webkit-details-marker{display:none}
.ficha summary h3{font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.25;letter-spacing:-.02em;font-weight:600;padding-right:44px;position:relative}
.ficha summary h3::after{content:"";position:absolute;right:0;top:.15em;width:26px;height:26px;border-radius:50%;background:var(--granate);transition:transform .25s}
.ficha[open] summary h3::after{transform:scale(.55)}
.ficha .resp{padding:0 clamp(18px,3vw,32px) 36px;max-width:62ch;font-size:1.0625rem}
.ficha:nth-child(3n+1){--c:var(--chicle-2)}
.ficha:nth-child(3n+2){--c:var(--papel-3)}
.ficha:nth-child(3n){--c:var(--chicle)}
.ficha{color:var(--granate)}
.ficha a{color:var(--granate)}

/* cabecera de sección y de artículo */
.cab-pagina{background:var(--granate);color:var(--chicle);padding:clamp(32px,5vw,72px) 0 clamp(48px,6vw,96px);overflow:hidden}
.cab-pagina h1{font-size:var(--t-tit);line-height:1;color:var(--chicle);max-width:18ch}
.cab-pagina .lead{font-size:var(--t-entr);line-height:1.38;color:var(--chicle-2);margin:24px 0 0;max-width:40ch}
.migas ol{display:flex;flex-wrap:wrap;gap:4px 0;list-style:none;margin:0 0 22px;padding:0;font-size:.9375rem}
.migas li+li::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin:0 10px;vertical-align:.2em;opacity:.7}
.migas a,.migas span{color:var(--chicle-2);text-decoration:none}
.migas a:hover{text-decoration:underline}
.cab-art{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(24px,4vw,64px);align-items:center}
.cab-art h1{font-size:clamp(2rem,1.3rem + 2.4vw,3.25rem);max-width:24ch}
.cab-art .meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:26px;font-size:.9375rem;color:var(--chicle-suave)}
.cab-art .meta strong{color:var(--chicle);font-weight:500}
.cab-art .disco{width:118%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--chicle);margin-right:-24%;justify-self:end}
.cab-art .disco img{width:100%;height:100%;object-fit:cover}
@media (max-width:720px){.migas li:last-child:not(:nth-child(2)){display:none}.cab-art .lead{font-size:1.1875rem}}
@media (max-width:860px){.cab-art{grid-template-columns:1fr}.cab-art .disco{width:84vw;margin:8px -14vw 0 auto}}

/* cuerpo del artículo */
.art{display:grid;grid-template-columns:minmax(0,700px) 300px;gap:clamp(40px,6vw,96px);padding-top:clamp(36px,5vw,64px);padding-bottom:var(--seccion);justify-content:space-between}
.texto{min-width:0}
.texto>p,.texto li,.texto td{font-size:var(--t-cuerpo)}
.texto h2{font-size:clamp(1.625rem,1.2rem + 1.5vw,2.375rem);line-height:1.08;margin:clamp(48px,6vw,72px) 0 18px;scroll-margin-top:96px}
.texto ul{list-style:none;padding:0;margin:0 0 1.2em}
.texto ul li{position:relative;padding-left:1.5em;margin-bottom:.55em}
.texto ul li::before{content:"";position:absolute;left:.1em;top:.5em;width:.62em;height:.62em;border-radius:50%;background:var(--chicle)}
.respuesta{background:var(--papel-2);padding:clamp(22px,3vw,34px);margin:0 0 8px}
.respuesta h2{font-size:1.25rem;letter-spacing:-.02em;margin:0 0 10px}
.respuesta p{margin:0;font-size:clamp(1.125rem,1.05rem + .3vw,1.3125rem);line-height:1.5}
.tabla{overflow-x:auto;margin:6px 0 1.4em;-webkit-overflow-scrolling:touch}
.tabla table{border-collapse:collapse;width:100%;min-width:420px;font-variant-numeric:tabular-nums}
.tabla th,.tabla td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--papel-3);font-size:1rem;vertical-align:top}
.tabla thead th{background:var(--granate);color:var(--chicle);font-weight:600;border:0}
.tabla tbody tr:nth-child(even){background:var(--papel-2)}
.claves{background:var(--chicle-2);color:var(--granate);padding:clamp(22px,3vw,34px);margin:clamp(40px,5vw,56px) 0 0}
.claves h2{margin:0 0 14px;font-size:1.375rem}
.claves ul{margin:0}
.claves li::before{background:var(--granate)!important}
.vete{background:var(--granate);color:var(--chicle);padding:clamp(22px,3vw,34px);margin:clamp(32px,4vw,48px) 0 0}
.vete h2{margin:0 0 10px;font-size:1.375rem;color:var(--chicle)}
.vete p{margin:0;color:var(--chicle-2)}
.art-preguntas{margin-top:clamp(48px,6vw,72px)}
.art-preguntas>h2{margin-bottom:22px}
.fuentes{margin-top:clamp(48px,6vw,72px);font-size:.975rem}
.fuentes h2{font-size:1.375rem!important;margin:0 0 12px!important}
.fuentes ol{padding-left:1.3em;margin:0 0 12px}
.fuentes li{margin-bottom:6px;color:var(--tinta-suave);overflow-wrap:anywhere}
.fuentes p{color:var(--tinta-suave);font-size:.9375rem}
.compartir{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px}
.compartir span{width:100%;font-weight:600}
.lateral{position:relative}
.indice{position:sticky;top:96px;background:var(--papel-2);padding:22px 22px 18px}
.indice h2{font-size:1.0625rem;margin:0 0 10px;letter-spacing:-.01em}
.indice ol{list-style:none;margin:0;padding:0;counter-reset:none}
.indice a{display:block;padding:7px 0;color:var(--tinta);text-decoration:none;font-size:.975rem;line-height:1.3}
.indice a:hover,.indice a.activo{color:var(--enlace)}
.indice a.activo{font-weight:600}
.indice-movil{display:none}
@media (max-width:980px){.art{grid-template-columns:1fr}.lateral{display:none}.indice-movil{display:block;background:var(--papel-2);margin:0 0 28px}.indice-movil summary{cursor:pointer;min-height:52px;display:flex;align-items:center;padding:0 20px;font-weight:600}.indice-movil ol{list-style:none;margin:0;padding:0 20px 14px}.indice-movil a{display:block;padding:9px 0;color:var(--tinta);text-decoration:none}}
.relacionados{background:var(--papel-2);padding:var(--seccion) 0}
.aviso-medico{font-size:.9375rem;color:var(--tinta-suave);margin-top:28px}

/* sección y listados */
.seccion-cuerpo{padding-top:clamp(40px,5vw,72px);padding-bottom:var(--seccion)}
.vacia{font-size:var(--t-entr);max-width:36ch}

/* páginas de calculadora */
.herr{padding-top:clamp(40px,5vw,72px);padding-bottom:var(--seccion)}
.cab-pagina+.calc-banda{padding-top:0}
.herr .texto{max-width:720px}
.edad-res{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.edad-res div{background:var(--granate-2);padding:18px}
.edad-res strong{display:block;font-size:clamp(2.25rem,1.6rem + 2vw,3.25rem);letter-spacing:-.04em;line-height:1;color:var(--chicle);font-variant-numeric:tabular-nums}
.edad-res span{display:block;font-size:.9375rem;color:var(--chicle-2);margin-top:8px}
@media (max-width:520px){.edad-res{grid-template-columns:1fr}}

/* créditos de las fotos */
.creditos{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:28px 24px}
.creditos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;background:var(--papel-3)}
.creditos p{margin:12px 0 0;font-size:.9375rem;line-height:1.4;color:var(--tinta-suave);overflow-wrap:anywhere}
/* legales */
.legal{max-width:760px;padding-top:clamp(40px,5vw,64px);padding-bottom:var(--seccion)}
.legal h2{font-size:1.5rem;margin:40px 0 12px}
.legal-ancho{max-width:var(--ancho)}
.migas-claras a,.migas-claras span{color:var(--tinta-suave)}

/* pie: el caniche en grande */
.pie{background:var(--granate);color:var(--chicle);padding:clamp(64px,8vw,128px) 0 32px}
.pie-marca{display:flex;align-items:flex-end;gap:clamp(16px,3vw,40px);color:var(--chicle);text-decoration:none}
.pie-caniche{width:clamp(150px,30vw,420px);height:auto;flex:none}
.pie-nombre{font-weight:600;font-size:clamp(2.75rem,1rem + 7vw,8.5rem);letter-spacing:-.05em;line-height:.85}
.pie-cols{display:grid;grid-template-columns:repeat(3,1fr) 1.4fr;gap:32px;margin-top:clamp(48px,6vw,80px)}
.pie h2{font-size:1rem;letter-spacing:-.01em;margin:0 0 12px;color:var(--chicle)}
.pie ul{list-style:none;margin:0;padding:0}
.pie li a{display:inline-flex;align-items:center;min-height:36px;color:var(--chicle-2);text-decoration:none;font-size:.975rem}
.pie li a:hover{color:var(--chicle);text-decoration:underline}
.pie-aviso p{font-size:.975rem;color:var(--chicle-2)}
.pie-final{margin:48px 0 0;font-size:.9375rem;color:var(--chicle-suave)}
@media (max-width:860px){.pie-cols{grid-template-columns:1fr 1fr}.pie-aviso{grid-column:1/-1}.pie-marca{flex-direction:column;align-items:flex-start}}

/* anuncios */
.anuncio{max-width:760px;margin:clamp(32px,4vw,48px) auto}
.banda-anuncio{padding-top:8px;padding-bottom:clamp(40px,5vw,64px)}

/* entradas al hacer scroll (solo con JS y sin «reducir movimiento») */
@media (prefers-reduced-motion:no-preference){
 .js .entra{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0) * 70ms)}
 .js .entra.visto{opacity:1;transform:none}
 .pompon img,.pompon-caniche{animation:respira 9s ease-in-out infinite alternate}
 @keyframes respira{from{transform:scale(1)}to{transform:scale(1.05)}}
 .carpeta{animation:sube .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n) * 60ms + .15s)}
 @keyframes sube{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
}

/* anuncios propios (aspecto de anuncio de display) */
.anuncio.propio{min-height:0;max-width:760px;margin:30px auto}
.anuncio-etiqueta{display:block;margin:0 0 8px;font:500 .8125rem/1 var(--sans);color:var(--tinta-suave)}
.anu{display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;color:#202124;text-decoration:none;text-shadow:none;box-shadow:none;font-family:Arial,Helvetica,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
.anu *{text-shadow:none}
.anu-media{display:block;aspect-ratio:16/9;background:#dfe1e5;overflow:hidden;}
.anu-media video,.anu-media img{display:block;width:100%;height:100%;object-fit:cover}
.anu-cuerpo{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 14px 14px}
.anu-titular{font:700 1.08rem/1.25 Arial,Helvetica,system-ui,sans-serif;color:#202124}
.anu-texto{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:400 .9rem/1.4 Arial,Helvetica,system-ui,sans-serif;color:#5f6368}
.anu-pie{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.anu-marca{display:flex;align-items:center;gap:8px;min-width:0;font:400 .8rem/1.2 Arial,Helvetica,system-ui,sans-serif;color:#5f6368}
.anu-marca span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anu-marca img{flex:none;width:20px;height:20px;border-radius:4px;object-fit:contain}
.anu-boton{flex:none;display:inline-flex;align-items:center;min-height:38px;padding:0 16px;border-radius:999px;background:var(--anu,#1a73e8);color:#fff;font:700 .85rem/1 Arial,Helvetica,system-ui,sans-serif;white-space:nowrap;transition:filter .15s}
.anu:hover .anu-boton{filter:brightness(1.18)}
.anu:hover .anu-titular{text-decoration:underline}
.anu:focus-visible{outline:2px solid var(--chicle);outline-offset:3px}
/* anuncio emergente: compacto abajo en móvil (imagen + titular + botón), esquina inferior derecha en escritorio */
.anu-emergente{position:fixed;z-index:58;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));max-width:440px;margin:0 auto;padding:8px;border-radius:16px;background:var(--granate);border:1px solid var(--granate-3);box-shadow:0 24px 70px -18px #000;opacity:0;transform:translateY(24px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1)}
.anu-emergente.visible{opacity:1;transform:none}
.anu-emergente .anuncio-etiqueta{margin:4px 48px 8px 6px}
.anu-emergente-x{position:absolute;z-index:2;top:0;right:0;width:44px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--tinta-suave);font:400 1.7rem/1 var(--sans);cursor:pointer}
.anu-emergente-x:hover{color:#fff}
.anu-emergente .anu{flex-direction:row}
.anu-emergente .anu-media{flex:0 0 44%;aspect-ratio:16/9;align-self:center;margin:8px 0 8px 8px;border-radius:6px;border-bottom:0}
.anu-emergente .anu-cuerpo{justify-content:center;gap:4px;padding:9px 10px 10px}
.anu-emergente .anu-titular{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.95rem}
.anu-emergente .anu-texto,.anu-emergente .anu-marca{display:none}
.anu-emergente .anu-pie{margin-top:4px;justify-content:flex-start}
.anu-emergente .anu-boton{min-height:32px;padding:0 12px;font-size:.8rem}
@media (min-width:720px){.anu-emergente{left:auto;right:24px;bottom:24px;width:340px;margin:0}.anu-emergente .anu{flex-direction:column}.anu-emergente .anu-media{flex:none;aspect-ratio:16/9;align-self:stretch;margin:0;border-radius:0;}.anu-emergente .anu-cuerpo{padding:12px 14px 14px}.anu-emergente .anu-titular{font-size:1.05rem}.anu-emergente .anu-texto{display:-webkit-box}.anu-emergente .anu-marca{display:flex;flex:1 1 auto}.anu-emergente .anu-pie{justify-content:space-between}}
@media (prefers-reduced-motion:reduce){.anu-emergente{transition:none}}
.rejilla-anuncio{grid-column:1/-1}
.rejilla-anuncio .anuncio{margin:10px auto}
@media (min-width:800px){.anu{flex-direction:row}.anu-media{flex:0 0 56%;border-bottom:0;}.anu-cuerpo{justify-content:center;padding:18px 20px}.anu-titular{font-size:1.2rem}.anu-texto{-webkit-line-clamp:3}.anu-pie{flex-wrap:wrap;justify-content:flex-start}.anu-marca{flex:1 0 auto}}