/* Tema Galería v1 — microsite.es. Revista visual: mosaico con el título sobre la imagen, esquinas muy redondeadas,
   chips, cabecera pegajosa con pastilla de búsqueda, lateral en tarjetas y pie en tarjeta oscura. Manrope + Inter.
   Sólo usa las variables del dominio. */
@import url("../../assets/css/fuentes.css");
:root{
  --papel:#f6f6f7;--superficie:#ffffff;--superficie-2:#eceef1;--tinta:#15171c;--tinta-2:#4e5461;--tinta-3:#8a909c;--regla:#e4e6ea;
  --sombra:0 1px 2px rgba(21,23,28,.05),0 18px 40px -24px rgba(21,23,28,.28);--sombra-alta:0 30px 60px -30px rgba(21,23,28,.45);
  --f-titulos:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-texto:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-lectura:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ancho:1280px;--radio:18px;--radio-grande:26px;--medida:66ch;--enlace:var(--color1);--acento:var(--color1);--lateral:20rem;--cabecera-alto:4.25rem;
}
@media (prefers-color-scheme:dark){
  :root{--papel:#0e0f12;--superficie:#17191e;--superficie-2:#20232a;--tinta:#eceef2;--tinta-2:#b5bac4;--tinta-3:#7f8592;--regla:#262a32;--sombra:0 1px 2px rgba(0,0,0,.5),0 18px 40px -24px rgba(0,0,0,.9);--sombra-alta:0 30px 60px -30px rgba(0,0,0,.9);
    --color1-suave:#1a2238;--color2-suave:#2a1f2e;--color1-borde:#2d3a5e;--color2-borde:#4a2f48;--enlace:#b9c6ff;--acento:#b9c6ff}
  img{filter:brightness(.9)}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--cabecera-alto) + 1rem)}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 .97rem/1.6 var(--f-texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--enlace)}
h1,h2,h3,h4{font-family:var(--f-titulos);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin:0 0 .4em;text-wrap:balance}
h1{font-size:clamp(2.1rem,1.3rem + 3vw,3.6rem)}
h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.9rem)}
h3{font-size:1.1rem}
p{margin:0 0 1.1em}
.contenedor{width:min(var(--ancho),100% - 2.5rem);margin-inline:auto}
.meta{color:var(--tinta-3);font-size:.78rem;margin:0}
.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:999px;background:var(--superficie);border:1px solid var(--regla);font:600 .78rem/1 var(--f-texto);color:var(--tinta-2);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.chip:hover{border-color:var(--color1);color:var(--enlace)}
.chip[aria-current=page]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.chip small{font-size:.68rem;color:var(--tinta-3)}
.chip-mini{padding:.3rem .65rem;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;background:var(--color1-suave);border-color:transparent;color:var(--color1-oscuro)}
.chip-mini:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.chip-claro{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(6px);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}
.chip-claro:hover{background:#fff;color:var(--tinta)}
.chip-venta{background:var(--color2);border-color:var(--color2);color:var(--color2-texto,#fff)}
.chip-venta:hover{filter:brightness(1.08);color:var(--color2-texto,#fff)}
.boton{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.4rem;border-radius:999px;background:var(--color1);color:var(--color1-texto,#fff);font:700 .9rem var(--f-texto);border:0;transition:transform .15s,filter .2s,box-shadow .2s}
.boton:hover{transform:translateY(-1px);filter:brightness(1.07);color:var(--color1-texto,#fff);box-shadow:0 10px 24px -12px var(--color1)}
.boton-pequeno{padding:.55rem 1rem;font-size:.82rem}
.ver-mas{font:700 .8rem var(--f-texto);color:var(--tinta-3);white-space:nowrap}
.ver-mas:hover{color:var(--enlace)}

/* ---------- Cabecera ---------- */
.cabecera{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--papel) 85%,transparent);backdrop-filter:saturate(1.5) blur(14px);-webkit-backdrop-filter:saturate(1.5) blur(14px)}
.cabecera-fila{display:flex;align-items:center;gap:1.5rem;min-height:var(--cabecera-alto)}
.marca{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-titulos);font-weight:800;font-size:1.3rem;letter-spacing:-.03em;color:var(--tinta)}
.marca:hover{color:var(--tinta)}
.marca-gota{width:1.5rem;height:1.5rem;border-radius:50% 50% 50% 12%;background:linear-gradient(140deg,var(--color1),var(--color2));flex:none;transform:rotate(-12deg)}
.cabecera-nav{display:flex;align-items:center;gap:1.25rem;margin-left:auto;font-size:.88rem;font-weight:600;color:var(--tinta-2)}
.cabecera-nav a[aria-current=page]{color:var(--tinta)}
.cabecera-nav a:hover{color:var(--enlace)}
.buscador{display:flex;align-items:center;background:var(--superficie);border:1px solid var(--regla);border-radius:999px;padding:.2rem .3rem .2rem 1rem;box-shadow:var(--sombra);transition:border-color .2s,box-shadow .2s}
.buscador:focus-within{border-color:var(--color1);box-shadow:0 0 0 4px var(--color1-suave)}
.buscador input{width:12rem;border:0;background:transparent;font:inherit;font-size:.86rem;color:var(--tinta);padding:.4rem 0}
.buscador input:focus{outline:none}
.buscador button{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:var(--tinta);color:var(--papel);cursor:pointer}
.buscador button:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.chips-fila{padding:.25rem 0 .9rem}
.chips{display:flex;gap:.45rem;flex-wrap:wrap}
.chips-fila .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.25rem;margin:0 -1.25rem;padding-inline:1.25rem}
.chips-fila .chips::-webkit-scrollbar{display:none}
.principal{padding:1rem 0 3rem}

/* ---------- Portada ---------- */
.presentacion{max-width:52rem;margin:1rem 0 2rem}
.presentacion h1{margin-bottom:.35em}
.presentacion p{font-size:1.12rem;color:var(--tinta-2);margin:0}
.presentacion-listado{margin-top:0}
.presentacion .chip{margin-bottom:.9rem}
.mosaico{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:15rem;gap:1rem;margin-bottom:2.5rem}
.tarjeta{position:relative;min-width:0}
.tarjeta-imagen{display:block;overflow:hidden;border-radius:var(--radio);background:var(--superficie-2)}
.tarjeta-imagen img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tarjeta:hover .tarjeta-imagen img{transform:scale(1.05)}
.tarjeta-titulo{margin:.35rem 0 .3rem;line-height:1.25}
.tarjeta-titulo a:hover{color:var(--enlace)}
.tarjeta-extracto{color:var(--tinta-2);font-size:.9rem;margin:0 0 .45rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tarjeta-hero,.tarjeta-mosaico{border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);transition:transform .25s,box-shadow .25s}
.tarjeta-hero:hover,.tarjeta-mosaico:hover{transform:translateY(-3px);box-shadow:var(--sombra-alta)}
.tarjeta-hero{grid-column:span 2;grid-row:span 2}
.tarjeta-hero .tarjeta-imagen,.tarjeta-mosaico .tarjeta-imagen{position:absolute;inset:0;border-radius:0}
.tarjeta-hero .tarjeta-imagen::after,.tarjeta-mosaico .tarjeta-imagen::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,18,.85) 0%,rgba(10,12,18,.35) 45%,rgba(10,12,18,0) 75%)}
.tarjeta-hero .tarjeta-cuerpo,.tarjeta-mosaico .tarjeta-cuerpo{position:absolute;inset:auto 0 0 0;padding:1.25rem;color:#fff}
.tarjeta-hero .tarjeta-cuerpo{padding:1.75rem}
.tarjeta-hero .tarjeta-titulo,.tarjeta-mosaico .tarjeta-titulo{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.tarjeta-hero .tarjeta-titulo{font-size:clamp(1.5rem,1.1rem + 1.6vw,2.3rem)}
.tarjeta-mosaico .tarjeta-titulo{font-size:1.08rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tarjeta-hero .tarjeta-titulo a:hover,.tarjeta-mosaico .tarjeta-titulo a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
.tarjeta-hero .tarjeta-extracto{color:rgba(255,255,255,.85);font-size:.95rem;max-width:48ch}
.tarjeta-hero .meta,.tarjeta-mosaico .meta{color:rgba(255,255,255,.7)}
.tarjeta-hero .chip-mini,.tarjeta-mosaico .chip-mini{background:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3)}
.tarjeta-hero .chip-mini:hover,.tarjeta-mosaico .chip-mini:hover{background:#fff;color:var(--tinta)}
.tarjeta-normal .tarjeta-imagen{aspect-ratio:4/3;margin-bottom:.8rem}
.tarjeta-normal .chip-mini{margin-bottom:.1rem}
.tarjeta-mini{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:.8rem;align-items:center;padding:.6rem 0;border-top:1px solid var(--regla)}
.tarjeta-mini:first-child{border-top:0;padding-top:0}
.tarjeta-mini .tarjeta-imagen{aspect-ratio:1;border-radius:12px}
.tarjeta-mini .chip-mini{display:none}
.tarjeta-mini .tarjeta-titulo{font-size:.92rem;margin:0 0 .2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bloque{margin:0 0 2.75rem}
.bloque-cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1.1rem}
.bloque-cabecera h2{margin:0}
.bloque-cabecera h2 a:hover{color:var(--enlace)}
.rejilla{display:grid;gap:1.25rem}
.rejilla-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.rejilla-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rejilla-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
.rejilla-4 .tarjeta-mosaico{aspect-ratio:4/3}
.carrusel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.25rem 0 .75rem;margin:0 -1.25rem;padding-inline:1.25rem}
.carrusel::-webkit-scrollbar{display:none}
.carrusel-item{position:relative;flex:0 0 17rem;scroll-snap-align:start;border-radius:var(--radio);overflow:hidden;aspect-ratio:16/10;background:var(--superficie-2);box-shadow:var(--sombra);color:#fff;transition:transform .25s}
.carrusel-item:hover{transform:translateY(-3px);color:#fff}
.carrusel-item img{width:100%;height:100%;object-fit:cover}
.carrusel-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,18,.85),rgba(10,12,18,0) 65%)}
.carrusel-numero{position:absolute;top:.75rem;left:.75rem;z-index:1;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--tinta);font:800 .85rem var(--f-titulos)}
.carrusel-titulo{position:absolute;inset:auto 0 0 0;z-index:1;padding:1rem;font:700 .95rem/1.3 var(--f-titulos);text-shadow:0 1px 2px rgba(0,0,0,.3);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vacio{padding:3rem 1rem;text-align:center;color:var(--tinta-3);background:var(--superficie);border-radius:var(--radio)}

/* ---------- Listados, lateral, migas, paginación ---------- */
.texto-categoria{color:var(--tinta-2);max-width:var(--medida);font-size:1.02rem}
.texto-categoria p:last-child{margin-bottom:.5rem}
.con-lateral{display:grid;grid-template-columns:minmax(0,1fr) var(--lateral);gap:2rem;align-items:start}
.con-lateral-principal{min-width:0}
.lateral{position:sticky;top:calc(var(--cabecera-alto) + 1rem);display:grid;gap:1.25rem}
.caja{background:var(--superficie);border-radius:var(--radio);padding:1.25rem;box-shadow:var(--sombra)}
.caja-titulo{font-size:1rem;margin:0 0 .9rem;letter-spacing:-.01em}
.minis{display:grid}
.chips-lateral .chip{background:var(--papel)}
.caja-boletin{background:var(--color1);color:var(--color1-texto,#fff)}
.caja-boletin .caja-titulo{color:inherit}
.caja-boletin p{font-size:.86rem;opacity:.85;margin:0 0 .9rem}
.caja-boletin form{display:grid;gap:.5rem}
.caja-boletin input{width:100%;padding:.65rem .8rem;border:0;border-radius:10px;background:rgba(255,255,255,.95);font:inherit;font-size:.88rem;color:#15171c}
.caja-boletin input:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:1px}
.caja-boletin button{padding:.65rem .8rem;border:0;border-radius:10px;background:#15171c;color:#fff;font:700 .86rem var(--f-texto);cursor:pointer}
.caja-boletin button:hover{background:#000}
.migas{font-size:.78rem;color:var(--tinta-3);margin:0 0 1.25rem}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .5rem;margin:0;padding:0}
.migas li+li::before{content:"›";margin-right:.5rem}
.migas a{color:var(--tinta-2)}
.migas a:hover{color:var(--enlace)}
.migas [aria-current]{color:var(--tinta)}
.paginacion{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:2.25rem 0 0;font-size:.88rem;font-weight:600}
.paginacion a,.paginacion span{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .8rem;border-radius:999px;background:var(--superficie);color:var(--tinta-2);box-shadow:var(--sombra)}
.paginacion a:hover{color:var(--enlace)}
.paginacion .actual{background:var(--tinta);color:var(--papel)}
.paginacion .hueco{background:transparent;box-shadow:none;min-width:1rem}

/* ---------- Artículo ---------- */
.articulo-portada{position:relative;border-radius:var(--radio-grande);overflow:hidden;aspect-ratio:21/9;min-height:22rem;background:var(--superficie-2);margin:0 0 2rem;box-shadow:var(--sombra-alta)}
.articulo-portada img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.articulo-portada::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,18,.88) 0%,rgba(10,12,18,.4) 50%,rgba(10,12,18,.05) 100%)}
.articulo-portada-texto{position:absolute;inset:auto 0 0 0;z-index:1;padding:clamp(1.25rem,4vw,3rem);color:#fff;max-width:60rem}
.articulo-portada-texto .chip{margin-bottom:1rem}
.articulo-portada-texto h1{color:#fff;font-size:clamp(1.8rem,1.2rem + 2.8vw,3.4rem);text-shadow:0 2px 8px rgba(0,0,0,.3);margin-bottom:.5em}
.articulo-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem;color:rgba(255,255,255,.8);margin:0}
.articulo-cuerpo{background:var(--superficie);border-radius:var(--radio);padding:clamp(1.25rem,3vw,2.5rem);box-shadow:var(--sombra)}
.articulo-entradilla{font-size:1.2rem;line-height:1.55;color:var(--tinta-2);margin:0 0 1.5rem;font-weight:500;max-width:var(--medida)}
.indice{background:var(--papel);border-radius:14px;padding:1rem 1.25rem;margin:0 0 1.75rem;font-size:.88rem;max-width:var(--medida)}
.indice summary{cursor:pointer;font:800 .8rem/1 var(--f-titulos);letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2);list-style:none;display:flex;justify-content:space-between}
.indice summary::-webkit-details-marker{display:none}
.indice summary::after{content:"▾";font-size:.9rem}
.indice[open] summary{margin-bottom:.6rem}
.indice ol{margin:0;padding-left:1.25rem;display:grid;gap:.3rem}
.indice li.nivel-3{list-style:circle;font-size:.82rem;color:var(--tinta-2)}
.indice a:hover{color:var(--enlace)}
.contenido{font-family:var(--f-lectura);font-size:1.06rem;line-height:1.75;color:var(--tinta);max-width:var(--medida)}
.contenido p{margin:0 0 1.25em}
.contenido h2{font-size:1.5rem;margin:1.8em 0 .5em}
.contenido h3{font-size:1.18rem;margin:1.5em 0 .4em}
.contenido a{color:var(--enlace);text-decoration:underline;text-decoration-color:var(--color1-borde);text-underline-offset:.15em}
.contenido a:hover{text-decoration-color:currentColor}
.contenido img{border-radius:14px;margin:1.5em 0}
.contenido ul,.contenido ol{padding-left:1.4em;margin:0 0 1.25em}
.contenido li{margin:.35em 0}
.contenido blockquote{margin:1.6em 0;padding:1.1rem 1.4rem;background:var(--color1-suave);border-radius:14px;color:var(--color1-oscuro);font-weight:500}
.contenido blockquote p:last-child{margin:0}
.contenido table{width:100%;border-collapse:collapse;font-size:.9rem;margin:1.5em 0}
.contenido th,.contenido td{padding:.6rem .75rem;border-bottom:1px solid var(--regla);text-align:left;vertical-align:top}
.contenido th{background:var(--papel);font-weight:700}
.contenido pre,.contenido code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}
.contenido pre{background:var(--papel);padding:1rem;border-radius:12px;overflow:auto}
.contenido hr{border:0;border-top:1px solid var(--regla);margin:2em 0}
.faq{margin:2.5rem 0 1rem;max-width:var(--medida)}
.faq h2{font-size:1.4rem;margin-bottom:.75rem}
.faq details{background:var(--papel);border-radius:12px;margin:0 0 .5rem}
.faq summary{cursor:pointer;padding:.85rem 1rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--tinta-3);font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq details div{padding:0 1rem 1rem;color:var(--tinta-2)}
.compartir{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid var(--regla);font-size:.85rem}
.compartir span{font-weight:700;color:var(--tinta-3);margin-right:.25rem}
.compartir a{padding:.45rem .9rem;border-radius:999px;background:var(--papel);font-weight:600;color:var(--tinta-2)}
.compartir a:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.relacionados{margin-top:2.5rem}

/* ---------- Páginas fijas y formularios ---------- */
.pagina-fija{background:var(--superficie);border-radius:var(--radio);padding:clamp(1.25rem,3vw,2.5rem);box-shadow:var(--sombra)}
.pagina-fija .contenido{font-size:1.02rem}
.formulario{display:grid;gap:1rem;max-width:36rem;margin:1.5rem 0 0}
.formulario label{display:grid;gap:.35rem;font-size:.86rem;font-weight:600;color:var(--tinta-2)}
.formulario input:not([type=checkbox]),.formulario textarea{width:100%;padding:.75rem .9rem;border:1px solid var(--regla);border-radius:12px;background:var(--papel);font:inherit;font-size:.95rem;font-weight:400;color:var(--tinta)}
.formulario input:focus,.formulario textarea:focus{outline:none;border-color:var(--color1);box-shadow:0 0 0 4px var(--color1-suave)}
.formulario textarea{min-height:9rem;resize:vertical}
.formulario .casilla{display:flex;gap:.6rem;align-items:flex-start;font-weight:400}
.formulario .casilla input{margin-top:.25rem;accent-color:var(--color1)}
.formulario .casilla a{color:var(--enlace);text-decoration:underline}
.formulario .boton{justify-self:start;cursor:pointer}
.franja-newsletter{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1.75rem;background:var(--color1);color:var(--color1-texto,#fff);border-radius:var(--radio);margin:2rem 0}
.franja-newsletter h2{font-size:1.3rem;margin:0 0 .2rem;color:inherit}
.franja-newsletter p{margin:0;opacity:.85;font-size:.9rem}
.franja-newsletter form{display:flex;gap:.5rem}
.franja-newsletter input{padding:.65rem .9rem;border:0;border-radius:999px;background:rgba(255,255,255,.95);font:inherit;min-width:14rem;color:#15171c}
.franja-newsletter button{padding:.65rem 1.1rem;border:0;border-radius:999px;background:#15171c;color:#fff;font:700 .88rem var(--f-texto);cursor:pointer}
.no-encontrado{background:var(--superficie);border-radius:var(--radio-grande);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--sombra);max-width:none;margin-top:0}
.no-encontrado h1{font-size:clamp(2.4rem,1.5rem + 3.5vw,4.2rem)}
.buscador-grande{max-width:30rem;margin:1rem 0 1.25rem;padding:.3rem .3rem .3rem 1.2rem}
.buscador-grande input{flex:1;width:auto;font-size:1rem}
.buscador-grande button{width:auto;height:auto;border-radius:999px;padding:.6rem 1rem;font:700 .85rem var(--f-texto)}

/* ---------- Pie ---------- */
.pie{padding:1rem 0 2rem}
.pie-tarjeta{display:grid;grid-template-columns:1.1fr 1.4fr;gap:3rem;background:var(--tinta);color:var(--papel);border-radius:var(--radio-grande);padding:clamp(1.5rem,4vw,3rem)}
.pie-boletin h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);margin-bottom:.4em}
.pie-boletin p{opacity:.75;margin:0 0 1.25rem;max-width:40ch}
.pie-boletin form{display:flex;gap:.5rem;max-width:30rem}
.pie-boletin input{flex:1;min-width:0;padding:.75rem 1rem;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}
.pie-boletin input::placeholder{color:rgba(255,255,255,.5)}
.pie-boletin input:focus{outline:none;border-color:rgba(255,255,255,.6)}
.pie-boletin button{padding:.75rem 1.2rem;border:0;border-radius:999px;background:var(--color1);color:var(--color1-texto,#fff);font:700 .88rem var(--f-texto);cursor:pointer}
.pie-boletin button:hover{filter:brightness(1.1)}
.pie-columnas{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}
.pie h4{font:700 .72rem/1 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin:.3rem 0 1rem}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.92rem}
.pie ul a{opacity:.85}
.pie ul a:hover{opacity:1;color:#fff;text-decoration:underline}
.chips-pie .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}
.chips-pie .chip:hover{background:#fff;color:var(--tinta)}
.pie-legal{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.5rem;padding:0 .5rem;font-size:.78rem;color:var(--tinta-3)}
.marca-pie{font-size:1.05rem}
.pie-legal nav{display:flex;gap:1.25rem;margin-left:auto}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  :root{--lateral:17rem}
  .rejilla-4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rejilla-4 > :nth-child(4){display:none}
  .mosaico{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mosaico > :nth-child(5){display:none}
  .cabecera-nav{gap:.9rem}
  .pie-tarjeta{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:860px){
  .con-lateral{grid-template-columns:1fr}
  .lateral{position:static;grid-template-columns:1fr 1fr}
  .lateral .caja-boletin{grid-column:1/-1}
  .cabecera-nav a:not(.boton):not(.chip){display:none}
  .buscador input{width:8rem}
  .mosaico{grid-template-columns:1fr 1fr;grid-auto-rows:12rem}
  .tarjeta-hero{grid-column:1/-1;grid-row:span 2}
}
@media (max-width:640px){
  .contenedor{width:min(var(--ancho),100% - 2rem)}
  .cabecera-fila{flex-wrap:wrap;gap:.75rem;padding:.6rem 0}
  .cabecera-nav{gap:.6rem}
  .cabecera-nav .chip-venta{display:none}
  .buscador{order:3;flex:1 0 100%;padding-left:.9rem}
  .buscador input{width:auto;flex:1}
  .chips-fila .chips{margin:0 -1rem;padding-inline:1rem}
  .mosaico{grid-template-columns:1fr;grid-auto-rows:13rem;gap:.75rem}
  .tarjeta-hero{grid-row:span 2}
  .mosaico > :nth-child(5){display:block}
  .rejilla-4,.rejilla-3,.rejilla-2{grid-template-columns:1fr 1fr;gap:.85rem}
  .rejilla-4 > :nth-child(4){display:block}
  .tarjeta-normal .tarjeta-titulo{font-size:.98rem}
  .tarjeta-normal .tarjeta-extracto{display:none}
  .carrusel{margin:0 -1rem;padding-inline:1rem}
  .carrusel-item{flex-basis:13rem}
  .lateral{grid-template-columns:1fr}
  .articulo-portada{border-radius:var(--radio);aspect-ratio:4/5;min-height:0}
  .articulo-portada-texto h1{font-size:1.7rem}
  .contenido{font-size:1.02rem}
  .pie-tarjeta{border-radius:var(--radio);padding:1.5rem}
  .pie-columnas{grid-template-columns:1fr;gap:1.5rem}
  .pie-boletin form{flex-direction:column}
  .pie-legal nav{margin-left:0}
  .franja-newsletter{grid-template-columns:1fr}
  .franja-newsletter form{flex-direction:column}
  .franja-newsletter input{min-width:0}
}
/* ---------- Anterior y siguiente ---------- */
.vecinos{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0 0}
.vecino{display:grid;gap:.3rem;min-width:0;padding:1rem 1.1rem;border-radius:14px;background:var(--papel)}
.vecino-siguiente{text-align:right}
.vecino-rotulo{font:800 .68rem/1 var(--f-titulos);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3)}
.vecino-titulo{font-family:var(--f-titulos);font-weight:800;font-size:1rem;line-height:1.3;letter-spacing:-.01em}
.vecino:hover{background:var(--color1-suave)}
@media (max-width:640px){.vecinos{grid-template-columns:1fr}.vecino-siguiente{text-align:left}}
@media print{.cabecera,.lateral,.compartir,.pie,.ms-cookies,.ms-dev,.ms-anuncio,.franja-newsletter,.carrusel{display:none!important}.con-lateral{display:block}.articulo-portada{box-shadow:none}}