/* Tema Hogar v1 — microsite.es. Cálido: fondo crema, tarjetas muy redondeadas con sombra suave, cinco tintes pastel,
   marca centrada en Lora, bienvenida con imagen grande, lectura en columna única y pie claro. Lora + Inter.
   Sólo usa las variables del dominio. */
@import url("../../assets/css/fuentes.css");
:root{
  --papel:#fbf7f1;--superficie:#ffffff;--superficie-2:#f3ede4;--tinta:#2b2622;--tinta-2:#5f5750;--tinta-3:#9a918a;--regla:#eae2d7;
  --sombra:0 2px 4px rgba(60,40,20,.04),0 20px 44px -28px rgba(60,40,20,.35);--sombra-alta:0 30px 60px -30px rgba(60,40,20,.45);
  --tinte-1:#fde7d9;--tinte-1-texto:#8a3b12;--tinte-2:#e3efdf;--tinte-2-texto:#2f5f2a;--tinte-3:#dfeaf6;--tinte-3-texto:#1f4a7a;--tinte-4:#ece3f6;--tinte-4-texto:#55327d;--tinte-5:#fbf0cf;--tinte-5-texto:#7a5a06;
  --f-titulos:"Lora",Georgia,serif;--f-texto:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-lectura:"Lora",Georgia,serif;
  --ancho:1200px;--radio:20px;--radio-grande:28px;--medida:68ch;--enlace:var(--color1);--acento:var(--color1);
}
@media (prefers-color-scheme:dark){
  :root{--papel:#171411;--superficie:#211d19;--superficie-2:#2a2521;--tinta:#f1ebe4;--tinta-2:#c7bfb6;--tinta-3:#8d857d;--regla:#332d28;--sombra:0 2px 4px rgba(0,0,0,.3),0 20px 44px -28px rgba(0,0,0,.9);--sombra-alta:0 30px 60px -30px rgba(0,0,0,.9);
    --tinte-1:#3d2418;--tinte-1-texto:#f5b08c;--tinte-2:#1f2e1c;--tinte-2-texto:#a9d49f;--tinte-3:#1a2838;--tinte-3-texto:#9ec4ee;--tinte-4:#2b2138;--tinte-4-texto:#c9b1ec;--tinte-5:#3a3012;--tinte-5-texto:#ecd27a;
    --color1-suave:#2a2a3c;--color2-suave:#33262f;--color1-borde:#3f4266;--color2-borde:#55384f;--enlace:#c9c0ff;--acento:#c9c0ff}
  img{filter:brightness(.9)}
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 .97rem/1.65 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:600;line-height:1.15;letter-spacing:-.015em;margin:0 0 .4em;text-wrap:balance}
h1{font-size:clamp(2rem,1.3rem + 2.8vw,3.4rem)}
h2{font-size:clamp(1.4rem,1.15rem + 1vw,1.9rem)}
h3{font-size:1.15rem}
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}
.etiqueta{display:inline-block;padding:.3rem .7rem;border-radius:999px;background:var(--tinte,var(--color1-suave));color:var(--tinte-texto,var(--color1-oscuro));font:600 .7rem/1 var(--f-texto);letter-spacing:.06em;text-transform:uppercase}
.etiqueta:hover{filter:brightness(.95);color:var(--tinte-texto,var(--color1-oscuro))}
.etiqueta-suave{background:var(--superficie-2);color:var(--tinta-2)}
.tinte-1{--tinte:var(--tinte-1);--tinte-texto:var(--tinte-1-texto)}
.tinte-2{--tinte:var(--tinte-2);--tinte-texto:var(--tinte-2-texto)}
.tinte-3{--tinte:var(--tinte-3);--tinte-texto:var(--tinte-3-texto)}
.tinte-4{--tinte:var(--tinte-4);--tinte-texto:var(--tinte-4-texto)}
.tinte-5{--tinte:var(--tinte-5);--tinte-texto:var(--tinte-5-texto)}
.pastilla{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;background:var(--tinte,var(--superficie));color:var(--tinte-texto,var(--tinta-2));font:600 .82rem/1 var(--f-texto);white-space:nowrap;border:1px solid transparent;transition:transform .15s,box-shadow .2s}
.pastilla:hover{transform:translateY(-1px);box-shadow:var(--sombra);color:var(--tinte-texto,var(--tinta))}
.pastilla[aria-current=page]{background:var(--tinta);color:var(--papel)}
.pastilla small{font-size:.68rem;opacity:.7}
.pastilla-venta{background:var(--color2);color:var(--color2-texto,#fff)}
.pastilla-dato{background:var(--superficie-2);color:var(--tinta-2);font-weight:500;cursor:default}
.pastilla-dato:hover{transform:none;box-shadow:none}
.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:600 .9rem var(--f-texto);border:0;transition:transform .15s,box-shadow .2s,filter .2s}
.boton:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px var(--color1);filter:brightness(1.06);color:var(--color1-texto,#fff)}
.boton-pequeno{padding:.55rem 1rem;font-size:.82rem}
.ver-mas{font:600 .8rem var(--f-texto);color:var(--tinta-3);white-space:nowrap}
.ver-mas:hover{color:var(--enlace)}

/* ---------- Cabecera ---------- */
.cabecera{padding:1rem 0 1.25rem}
.cabecera-util{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}
.buscador{display:flex;align-items:center;background:var(--superficie);border-radius:999px;padding:.2rem .3rem .2rem 1rem;box-shadow:var(--sombra);justify-self:start;transition:box-shadow .2s}
.buscador:focus-within{box-shadow:0 0 0 4px var(--color1-suave)}
.buscador input{width:11rem;border:0;background:transparent;font:inherit;font-size:.86rem;color:var(--tinta);padding:.45rem 0}
.buscador input:focus{outline:none}
.buscador button{display:grid;place-items:center;width:2rem;height:2rem;border:0;border-radius:50%;background:var(--superficie-2);color:var(--tinta-2);cursor:pointer}
.buscador button:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.marca{font-family:var(--f-titulos);font-weight:600;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);letter-spacing:-.02em;color:var(--tinta);text-align:center}
.marca:hover{color:var(--enlace)}
.cabecera-enlaces{display:flex;align-items:center;justify-content:flex-end;gap:1rem;font-size:.88rem;font-weight:500;color:var(--tinta-2)}
.cabecera-enlaces a:not(.boton):not(.pastilla):hover{color:var(--enlace)}
.secciones{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem}
.principal{padding:.5rem 0 3rem}

/* ---------- Portada ---------- */
.bienvenida{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem;align-items:center;margin:1rem 0 3rem}
.bienvenida-texto .etiqueta{margin-bottom:1rem}
.bienvenida-texto h1{margin-bottom:.4em}
.bienvenida-texto p{font-size:1.1rem;color:var(--tinta-2);max-width:46ch;margin:0}
.tarjeta{position:relative;min-width:0;background:var(--superficie);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden;transition:transform .25s,box-shadow .25s}
.tarjeta:hover{transform:translateY(-3px);box-shadow:var(--sombra-alta)}
.tarjeta-imagen{display:block;overflow:hidden;background:var(--tinte,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.04)}
.tarjeta-cuerpo{padding:1.1rem 1.25rem 1.25rem}
.tarjeta-cuerpo .etiqueta{margin-bottom:.6rem}
.tarjeta-titulo{margin:0 0 .35rem;line-height:1.3}
.tarjeta-titulo a:hover{color:var(--enlace)}
.tarjeta-extracto{color:var(--tinta-2);font-size:.9rem;margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tarjeta-bienvenida{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:var(--radio-grande);background:var(--tinte,var(--superficie))}
.tarjeta-bienvenida .tarjeta-imagen{order:2;aspect-ratio:1}
.tarjeta-bienvenida .tarjeta-cuerpo{padding:1.75rem;display:flex;flex-direction:column;justify-content:center}
.tarjeta-bienvenida .etiqueta{background:rgba(255,255,255,.7);color:var(--tinte-texto,var(--tinta))}
.tarjeta-bienvenida .tarjeta-titulo{font-size:clamp(1.3rem,1rem + 1.2vw,1.8rem)}
.tarjeta-bienvenida .tarjeta-extracto{-webkit-line-clamp:4;color:var(--tinte-texto,var(--tinta-2));opacity:.85}
.tarjeta-bienvenida .meta{color:var(--tinte-texto,var(--tinta-3));opacity:.75;margin-bottom:1rem}
.tarjeta-bienvenida .boton{align-self:flex-start}
.tarjeta-normal .tarjeta-imagen{aspect-ratio:4/3}
.tarjeta-horizontal{display:grid;grid-template-columns:9rem minmax(0,1fr);align-items:stretch}
.tarjeta-horizontal .tarjeta-imagen{aspect-ratio:auto;min-height:100%}
.tarjeta-horizontal .tarjeta-cuerpo{padding:1rem 1.1rem}
.tarjeta-horizontal .tarjeta-titulo{font-size:1.08rem}
.tarjeta-horizontal .tarjeta-extracto{font-size:.85rem}
.tarjeta-redonda{display:grid;grid-template-columns:3.75rem minmax(0,1fr);gap:.9rem;align-items:center;background:transparent;box-shadow:none;border-radius:0;padding:.5rem 0;overflow:visible}
.tarjeta-redonda:hover{transform:none;box-shadow:none}
.tarjeta-redonda .tarjeta-imagen{aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 3px var(--superficie),0 0 0 4px var(--tinte,var(--regla))}
.tarjeta-redonda .tarjeta-cuerpo{padding:0}
.tarjeta-redonda .tarjeta-titulo{font-size:.95rem;margin:0 0 .15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bloque{margin:0 0 3rem}
.bloque-cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:0 0 1.25rem}
.bloque-cabecera h2{margin:0}
.bloque-cabecera h2 a:hover{color:var(--enlace)}
.rejilla{display:grid;gap:1.5rem}
.rejilla-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rejilla-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.baldosas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.baldosa{background:var(--tinte);color:var(--tinta);border-radius:var(--radio);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}
.baldosa h3{font-size:1.35rem;margin:0;color:var(--tinte-texto)}
.baldosa h3 a:hover{text-decoration:underline;color:var(--tinte-texto)}
.baldosa ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;flex:1}
.baldosa li a{display:block;padding:.55rem .8rem;background:rgba(255,255,255,.55);border-radius:12px;font-size:.9rem;line-height:1.35;font-weight:500;transition:background .15s}
.baldosa li a:hover{background:rgba(255,255,255,.9);color:var(--tinta)}
.baldosa .ver-mas{color:var(--tinte-texto);align-self:flex-start}
.redondas{display:grid}
.redondas-fila{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem}
.redondas-fila .tarjeta-redonda{grid-template-columns:1fr;text-align:center;gap:.75rem;padding:0}
.redondas-fila .tarjeta-imagen{width:7.5rem;margin:0 auto;box-shadow:0 0 0 4px var(--superficie),0 0 0 6px var(--tinte,var(--regla))}
.redondas-fila .tarjeta-titulo{font-size:1rem;-webkit-line-clamp:3}
.vacio{padding:3rem 1rem;text-align:center;color:var(--tinta-3);background:var(--superficie);border-radius:var(--radio)}

/* ---------- Listados, lateral, migas, paginación ---------- */
.portadilla{max-width:52rem;margin:0 0 2rem}
.portadilla .etiqueta{margin-bottom:.9rem}
.portadilla h1{margin-bottom:.35em}
.portadilla .meta{font-size:.85rem}
.texto-categoria{color:var(--tinta-2);max-width:var(--medida);font-size:1.02rem}
.texto-categoria p:last-child{margin-bottom:.5rem}
.lateral{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;margin-top:3rem}
.caja{background:var(--superficie);border-radius:var(--radio);padding:1.5rem;box-shadow:var(--sombra)}
.caja-titulo{font-size:1.2rem;margin:0 0 .75rem}
.pastillas{display:flex;flex-wrap:wrap;gap:.5rem}
.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);transform:translateY(-1px)}
.paginacion .actual{background:var(--color1);color:var(--color1-texto,#fff)}
.paginacion .hueco{background:transparent;box-shadow:none;min-width:1rem}

/* ---------- Artículo ---------- */
.articulo{max-width:50rem;margin:0 auto}
.articulo-cabecera{text-align:center;margin:0 0 1.75rem}
.articulo-cabecera .etiqueta{margin-bottom:1rem}
.articulo-cabecera h1{margin-bottom:.45em}
.articulo-entradilla{font-family:var(--f-lectura);font-size:1.2rem;line-height:1.55;color:var(--tinta-2);margin:0 0 1.25rem;text-wrap:pretty}
.articulo-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0}
.articulo-portada{margin:0 0 2rem;border-radius:var(--radio-grande);overflow:hidden;background:var(--superficie-2);aspect-ratio:16/9;box-shadow:var(--sombra)}
.articulo-portada img{width:100%;height:100%;object-fit:cover}
.articulo-cuerpo{max-width:var(--medida);margin:0 auto}
.indice{background:var(--superficie);border-radius:var(--radio);padding:1.25rem 1.5rem;margin:0 0 2rem;box-shadow:var(--sombra);font-size:.9rem}
.indice-titulo{font:600 .72rem/1 var(--f-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);margin:0 0 .75rem}
.indice ol{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}
.indice li.nivel-3{list-style:circle;font-size:.84rem;color:var(--tinta-2)}
.indice a:hover{color:var(--enlace)}
.contenido{font-family:var(--f-lectura);font-size:1.12rem;line-height:1.75;color:var(--tinta)}
.contenido p{margin:0 0 1.3em;text-wrap:pretty}
.contenido h2{font-size:1.6rem;margin:1.8em 0 .5em}
.contenido h3{font-size:1.25rem;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:var(--radio);margin:1.6em 0;box-shadow:var(--sombra)}
.contenido ul,.contenido ol{padding-left:1.4em;margin:0 0 1.3em}
.contenido li{margin:.4em 0}
.contenido blockquote{margin:1.8em 0;padding:1.25rem 1.5rem;background:var(--tinte-5);color:var(--tinte-5-texto);border-radius:var(--radio);font-style:italic;font-size:1.15rem}
.contenido blockquote p:last-child{margin:0}
.contenido table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--f-texto);font-size:.9rem;margin:1.5em 0;background:var(--superficie);border-radius:14px;overflow:hidden;box-shadow:var(--sombra)}
.contenido th,.contenido td{padding:.65rem .8rem;border-bottom:1px solid var(--regla);text-align:left;vertical-align:top}
.contenido th{background:var(--superficie-2);font-weight:600}
.contenido tr:last-child td{border-bottom:0}
.contenido pre,.contenido code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}
.contenido pre{background:var(--superficie);padding:1rem;border-radius:14px;overflow:auto}
.contenido hr{border:0;border-top:1px solid var(--regla);margin:2em 0}
.faq{margin:2.5rem 0 1rem}
.faq h2{font-size:1.5rem;margin-bottom:.75rem}
.faq details{background:var(--superficie);border-radius:14px;margin:0 0 .6rem;box-shadow:var(--sombra)}
.faq summary{cursor:pointer;padding:.9rem 1.1rem;font-family:var(--f-titulos);font-weight:600;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-family:var(--f-texto)}
.faq details[open] summary::after{content:"–"}
.faq details div{padding:0 1.1rem 1rem;color:var(--tinta-2);font-family:var(--f-texto);font-size:.95rem}
.compartir{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0;padding:1.25rem 0;border-top:1px solid var(--regla);border-bottom:1px solid var(--regla);font-size:.85rem}
.compartir span{font-weight:600;color:var(--tinta-3);margin-right:.25rem}
.compartir a{padding:.45rem .9rem;border-radius:999px;background:var(--superficie);font-weight:600;color:var(--tinta-2);box-shadow:var(--sombra)}
.compartir a:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.relacionados{margin-top:2.5rem}
.articulo .lateral{margin-top:1rem}

/* ---------- Páginas fijas y formularios ---------- */
.pagina-fija{background:var(--superficie);border-radius:var(--radio-grande);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--sombra)}
.pagina-fija .contenido{font-size:1.04rem;max-width:var(--medida)}
.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 .95rem;border:1px solid var(--regla);border-radius:14px;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:1.2fr 1fr;gap:1.5rem;align-items:center;padding:2rem;background:linear-gradient(120deg,var(--tinte-1),var(--tinte-4));border-radius:var(--radio-grande);margin:1rem 0 2rem}
.franja-newsletter h2{font-size:1.5rem;margin:0 0 .25em}
.franja-newsletter p{margin:0;color:var(--tinta-2);font-size:.92rem}
.franja-newsletter form{display:flex;gap:.5rem}
.franja-newsletter input{flex:1;min-width:0;padding:.75rem 1rem;border:0;border-radius:999px;background:var(--superficie);font:inherit;color:var(--tinta);box-shadow:var(--sombra)}
.franja-newsletter input:focus{outline:2px solid var(--color1);outline-offset:1px}
.franja-newsletter button{padding:.75rem 1.2rem;border:0;border-radius:999px;background:var(--tinta);color:var(--papel);font:600 .88rem var(--f-texto);cursor:pointer;white-space:nowrap}
.franja-newsletter button:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.no-encontrado{background:var(--superficie);border-radius:var(--radio-grande);padding:clamp(1.5rem,4vw,3rem);box-shadow:var(--sombra);max-width:none;margin-bottom:3rem}
.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;justify-self:auto}
.buscador-grande input{flex:1;width:auto;font-size:1rem}
.buscador-grande button{width:auto;height:auto;border-radius:999px;padding:.6rem 1rem;font:600 .85rem var(--f-texto)}

/* ---------- Pie ---------- */
.pie{padding:1rem 0 2rem}
.pie-boletin{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,2.75rem);background:linear-gradient(120deg,var(--tinte-2),var(--tinte-3));border-radius:var(--radio-grande);margin-bottom:2.5rem}
.pie-boletin h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);margin-bottom:.3em}
.pie-boletin p{margin:0;color:var(--tinta-2);max-width:40ch}
.pie-boletin form{display:flex;gap:.5rem}
.pie-boletin input{flex:1;min-width:0;padding:.8rem 1rem;border:0;border-radius:999px;background:var(--superficie);font:inherit;color:var(--tinta);box-shadow:var(--sombra)}
.pie-boletin input:focus{outline:2px solid var(--color1);outline-offset:1px}
.pie-boletin button{padding:.8rem 1.25rem;border:0;border-radius:999px;background:var(--tinta);color:var(--papel);font:600 .9rem var(--f-texto);cursor:pointer;white-space:nowrap}
.pie-boletin button:hover{background:var(--color1);color:var(--color1-texto,#fff)}
.pie-rejilla{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2.5rem;font-size:.9rem;color:var(--tinta-2)}
.marca-pie{display:inline-block;font-size:1.6rem;text-align:left;margin-bottom:.5rem}
.pie-marca p{max-width:36ch}
.pie h4{font:600 .72rem/1 var(--f-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3);margin:.3rem 0 1rem}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pie ul a:hover{color:var(--enlace)}
.pie-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--regla);font-size:.78rem;color:var(--tinta-3)}
.pie-legal nav{display:flex;gap:1.25rem}

/* ---------- Responsive ---------- */
@media (max-width:1000px){
  .cabecera-util{grid-template-columns:auto 1fr;grid-template-areas:"marca enlaces" "buscador buscador";gap:.75rem 1rem}
  .marca{grid-area:marca;text-align:left}
  .cabecera-enlaces{grid-area:enlaces}
  .buscador{grid-area:buscador;justify-self:stretch}
  .buscador input{width:auto;flex:1}
  .secciones{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-1.25rem;margin-right:-1.25rem;padding:0 1.25rem .25rem}
  .secciones::-webkit-scrollbar{display:none}
  .bienvenida{grid-template-columns:1fr;gap:1.5rem}
  .baldosas{grid-template-columns:1fr 1fr}
  .redondas-fila{grid-template-columns:repeat(3,1fr)}
  .redondas-fila > :nth-child(n+4){display:none}
  .lateral{grid-template-columns:1fr}
}
@media (max-width:720px){
  .contenedor{width:min(var(--ancho),100% - 2rem)}
  .cabecera-enlaces .pastilla-venta{display:none}
  .secciones{margin-left:-1rem;margin-right:-1rem;padding:0 1rem .25rem}
  .rejilla-3,.rejilla-2,.baldosas{grid-template-columns:1fr}
  .tarjeta-bienvenida{grid-template-columns:1fr}
  .tarjeta-bienvenida .tarjeta-imagen{order:0;aspect-ratio:16/10}
  .tarjeta-horizontal{grid-template-columns:7rem minmax(0,1fr)}
  .tarjeta-horizontal .tarjeta-extracto{display:none}
  .redondas-fila{grid-template-columns:1fr;gap:.25rem}
  .redondas-fila .tarjeta-redonda{grid-template-columns:3.75rem minmax(0,1fr);text-align:left;gap:.9rem;padding:.5rem 0}
  .redondas-fila .tarjeta-imagen{width:auto;margin:0;box-shadow:0 0 0 3px var(--superficie),0 0 0 4px var(--tinte,var(--regla))}
  .redondas-fila .tarjeta-titulo{font-size:.95rem}
  .redondas-fila > :nth-child(n+4){display:grid}
  .articulo-cabecera{text-align:left}
  .articulo-meta{justify-content:flex-start}
  .articulo-portada{border-radius:var(--radio)}
  .contenido{font-size:1.05rem}
  .pie-boletin,.franja-newsletter{grid-template-columns:1fr;padding:1.5rem;border-radius:var(--radio)}
  .pie-boletin form,.franja-newsletter form{flex-direction:column}
  .pie-rejilla{grid-template-columns:1fr;gap:1.75rem}
  .pagina-fija{padding:1.25rem;border-radius:var(--radio)}
}
/* ---------- 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:1.1rem 1.25rem;border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra)}
.vecino-siguiente{text-align:right}
.vecino-rotulo{font:600 .7rem/1 var(--f-texto);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.vecino-titulo{font-family:var(--f-titulos);font-weight:600;font-size:1.05rem;line-height:1.3}
.vecino:hover{transform:translateY(-2px)}
@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{display:none!important}}