/* ==========================================================================
   PRIVORA · sistema visual · CEOO Tecnologías S.A.S. de C.V. · Hecho en México
   Grafito, blanco cálido y un solo acento: dorado sobrio.
   Tipografías propias del origen (OFL): Jost (marca y titulares),
   Instrument Sans (texto), Instrument Serif itálica (acentos: «siempre.»).
   ========================================================================== */

@font-face{font-family:"Jost";src:url(/estaticos/fuentes/jost-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/estaticos/fuentes/instrument-sans-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/estaticos/fuentes/instrument-sans-bold.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/estaticos/fuentes/instrument-serif-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}

:root{
  --grafito:#121211; --grafito-2:#1b1a18; --grafito-3:#26241f; --grafito-linea:rgba(233,207,150,.14);
  --marfil:#f6f2ea; --marfil-2:#eee7da; --papel:#fbf9f4; --linea:rgba(30,26,20,.10); --linea-2:rgba(30,26,20,.16);
  --tinta:#191815; --tinta-2:#4c473f; --tinta-3:#6b655b;
  --oro:#b8914f; --oro-claro:#e2c690; --oro-hondo:#80612f; --oro-texto:#7a5a26;
  --ok:#2f6b4f; --ok-fondo:#e6efe8; --alerta:#8a5a12; --alerta-fondo:#f6ead3; --error:#9b2c22; --error-fondo:#f7e3df;
  --curva:cubic-bezier(.32,.72,0,1); --curva-salida:cubic-bezier(.4,0,1,1);
  --r-xl:2rem; --r-l:1.4rem; --r-m:.9rem; --r-s:.6rem;
  --sombra:0 1px 1px rgba(20,16,10,.04),0 12px 32px -12px rgba(20,16,10,.14),0 40px 80px -40px rgba(20,16,10,.18);
  --ancho:76rem;
  --f-marca:"Jost",ui-sans-serif,system-ui,sans-serif;
  --f-texto:"Instrument Sans",ui-sans-serif,system-ui,sans-serif;
  --f-acento:"Instrument Serif",ui-serif,Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;background:var(--marfil);color:var(--tinta);font:400 1.0625rem/1.6 var(--f-texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px;border-radius:.35rem}
.salto{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--grafito);color:var(--marfil);padding:.7rem 1rem;border-radius:var(--r-s);transition:top .3s var(--curva)}
.salto:focus{top:1rem}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.contenedor{width:min(100% - 2.5rem,var(--ancho));margin-inline:auto}
@media (min-width:768px){.contenedor{width:min(100% - 5rem,var(--ancho))}}

/* ── grano de papel, fijo y sin eventos ── */
.grano::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ── franja de preproducción ── */
.preprod{position:relative;z-index:30;background:var(--grafito);color:#d9d2c3;font:500 .75rem/1.4 var(--f-marca);letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:.55rem 1rem}
.preprod b{color:var(--oro-claro);font-weight:500}

/* ── marca ── */
.marca{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none}
.marca img{width:2.1rem;height:auto}
.marca span{font:400 1.32rem/1 var(--f-marca);letter-spacing:.32em;padding-left:.1em}
.marca small{display:block;font:500 .54rem/1 var(--f-marca);letter-spacing:.26em;color:var(--oro-texto);margin-top:.35rem;text-transform:uppercase}

/* ── isla de navegación ── */
.isla{position:sticky;top:.9rem;z-index:20;margin:1rem auto 0;width:min(100% - 1.5rem,var(--ancho));display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.55rem .55rem .55rem 1.1rem;border-radius:999px;background:rgba(251,249,244,.78);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);
  box-shadow:0 0 0 1px var(--linea),0 10px 30px -18px rgba(20,16,10,.35)}
.isla nav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}
.isla nav a{display:block;padding:.6rem .9rem;border-radius:999px;text-decoration:none;font:500 .9rem/1 var(--f-marca);letter-spacing:.04em;color:var(--tinta-2);transition:background .4s var(--curva),color .4s var(--curva)}
.isla nav a:hover{background:rgba(30,26,20,.06);color:var(--tinta)}
.isla .marca span{font-size:1.06rem}
.isla .marca img{width:1.65rem}
.isla-menu{display:none}
@media (max-width:900px){
  .isla nav{display:none}
  .isla-menu{display:block}
  .isla-menu summary{list-style:none;cursor:pointer;width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;background:var(--grafito);color:var(--marfil)}
  .isla-menu summary::-webkit-details-marker{display:none}
  .isla-menu summary span,.isla-menu summary span::before{display:block;width:1.05rem;height:1.5px;background:currentColor;position:relative;transition:transform .5s var(--curva)}
  .isla-menu summary span::before{content:"";position:absolute;top:-5px}
  .isla-menu summary span::after{content:"";display:block;width:1.05rem;height:1.5px;background:currentColor;position:absolute;top:5px;transition:transform .5s var(--curva)}
  .isla-menu[open] summary span{transform:rotate(45deg)}
  .isla-menu[open] summary span::before{transform:translateY(5px) rotate(90deg)}
  .isla-menu[open] summary span::after{opacity:0}
  .isla-menu ul{position:absolute;left:0;right:0;top:calc(100% + .6rem);list-style:none;margin:0;padding:.8rem;border-radius:1.6rem;background:var(--grafito);box-shadow:var(--sombra)}
  .isla-menu li{opacity:0;transform:translateY(.8rem);animation:sube .6s var(--curva) forwards}
  .isla-menu li:nth-child(2){animation-delay:.05s}.isla-menu li:nth-child(3){animation-delay:.1s}.isla-menu li:nth-child(4){animation-delay:.15s}.isla-menu li:nth-child(5){animation-delay:.2s}
  .isla-menu a{display:block;padding:1rem 1.1rem;color:var(--marfil);text-decoration:none;font:400 1.35rem/1 var(--f-marca);letter-spacing:.02em;border-bottom:1px solid rgba(233,207,150,.1)}
}
@keyframes sube{to{opacity:1;transform:none}}

/* ── botones: píldora con ícono anidado ── */
.boton{--fondo:var(--grafito);--texto:var(--marfil);display:inline-flex;align-items:center;gap:.85rem;min-height:3rem;padding:.4rem .45rem .4rem 1.35rem;border-radius:999px;border:0;background:var(--fondo);color:var(--texto);
  font:500 .95rem/1 var(--f-marca);letter-spacing:.05em;text-decoration:none;cursor:pointer;transition:transform .5s var(--curva),background .5s var(--curva),box-shadow .5s var(--curva);box-shadow:0 10px 24px -14px rgba(18,18,17,.7)}
.boton:hover{transform:translateY(-1px)}
.boton:active{transform:scale(.98)}
.boton i{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;background:rgba(255,255,255,.1);font-style:normal;transition:transform .5s var(--curva)}
.boton:hover i{transform:translate(2px,-1px) scale(1.05)}
.boton i svg{width:1rem;height:1rem}
.boton.oro{--fondo:linear-gradient(180deg,#c9a466,#a8834a);--texto:#1a1408}
.boton.oro i{background:rgba(26,20,8,.12)}
.boton.claro{--fondo:var(--papel);--texto:var(--tinta);box-shadow:0 0 0 1px var(--linea-2)}
.boton.claro i{background:rgba(30,26,20,.06)}
.boton.simple{padding:.4rem 1.35rem}
.boton[disabled],.boton[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
.enlace{color:var(--oro-texto);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em}

/* ── etiqueta de ceja ── */
.ceja{display:inline-flex;align-items:center;gap:.6rem;font:500 .72rem/1 var(--f-marca);letter-spacing:.24em;text-transform:uppercase;color:var(--oro-texto)}
.ceja::before{content:"";width:2.2rem;height:1px;background:currentColor}
.oscuro .ceja{color:var(--oro-claro)}

/* ── tipografía ── */
h1,h2,h3{font-family:var(--f-marca);font-weight:400;letter-spacing:-.015em;line-height:1.04;margin:0}
.serif{font-family:var(--f-acento);font-style:italic;font-weight:400;letter-spacing:0;color:var(--oro-hondo)}
.oscuro .serif{color:var(--oro-claro)}
.titular{font-size:clamp(2.55rem,4.9vw,4.5rem);line-height:1;letter-spacing:-.025em}
.titular .serif{font-size:1.12em;line-height:.8}
.h2{font-size:clamp(2.1rem,4.6vw,3.9rem)}
.entrada{font-size:clamp(1.08rem,1.5vw,1.24rem);color:var(--tinta-2);max-width:34rem}
.oscuro .entrada{color:#cfc7b7}

/* ── héroe: división editorial ── */
.heroe{position:relative;z-index:2;overflow-x:clip;padding-block:clamp(3.5rem,8vw,7rem) clamp(4rem,8vw,7.5rem)}
.heroe-rejilla{display:grid;gap:clamp(2.5rem,5vw,4rem);align-items:center}
@media (min-width:1024px){.heroe-rejilla{grid-template-columns:1.18fr .82fr}}
.heroe h1{margin:1.4rem 0 1.6rem}
.heroe .acciones{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2.2rem}
.heroe .sellos{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:2.6rem;padding-top:1.6rem;border-top:1px solid var(--linea);font:500 .72rem/1 var(--f-marca);letter-spacing:.22em;text-transform:uppercase;color:var(--tinta-3)}
.escena{position:relative;min-height:34rem;display:grid;place-items:center}
.escena .porton{position:absolute;left:-30%;right:-18%;bottom:6%;width:148%;height:auto;color:var(--oro);opacity:.75}
.escena .halo{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(226,198,144,.38),rgba(226,198,144,0));filter:blur(4px)}

/* teléfono (doble bisel) */
.telefono{position:relative;width:min(19.5rem,78vw);padding:.55rem;border-radius:3.1rem;background:linear-gradient(145deg,#3a362f,#0d0d0c 40%,#2b2823);box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 50px 90px -40px rgba(20,16,10,.55),0 20px 40px -20px rgba(20,16,10,.4);transform:rotate(-3deg);transition:transform 1.2s var(--curva)}
.telefono:hover{transform:rotate(-1deg) translateY(-4px)}
.pantalla{border-radius:2.6rem;background:radial-gradient(120% 70% at 50% 0%,#24221d,#121211 60%);color:var(--marfil);padding:2.4rem 1.15rem 1.4rem;overflow:hidden;box-shadow:inset 0 1px 1px rgba(255,255,255,.08)}
.pantalla .barra{display:flex;justify-content:space-between;font:600 .7rem/1 var(--f-texto);color:#cfc7b7;margin:-1.4rem .6rem 1.6rem}
.pantalla .logo{display:grid;justify-items:center;gap:.7rem;text-align:center}
.pantalla .logo img{width:2.6rem}
.pantalla .logo b{font:400 1.05rem/1 var(--f-marca);letter-spacing:.34em;padding-left:.2em}
.pantalla .logo p{margin:.2rem 0 1.1rem;font:400 1.02rem/1.25 var(--f-marca);color:#e8e1d2}
.pantalla .logo p em{font-family:var(--f-acento);font-size:1.15em;color:var(--oro-claro)}
.fila{display:flex;align-items:center;gap:.8rem;padding:.85rem .9rem;border-radius:1.1rem;background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(233,207,150,.09);margin-top:.55rem}
.fila svg{width:1.25rem;height:1.25rem;color:var(--oro-claro);flex:none}
.fila div{flex:1;min-width:0}
.fila b{display:block;font:600 .84rem/1.2 var(--f-texto)}
.fila small{display:block;font-size:.7rem;color:#aaa294}
.fila .flecha{width:.9rem;height:.9rem;color:#8d8576}
.pantalla .entrar{margin-top:1.1rem;display:block;text-align:center;padding:.85rem;border-radius:999px;background:linear-gradient(180deg,#d5b37a,#a8834a);color:#1a1408;font:500 .88rem/1 var(--f-marca);letter-spacing:.04em}
.chip-flotante{position:absolute;display:flex;align-items:center;gap:.7rem;padding:.75rem 1rem .75rem .75rem;border-radius:1.2rem;background:var(--papel);box-shadow:var(--sombra),0 0 0 1px var(--linea);font:500 .82rem/1.25 var(--f-texto)}
.chip-flotante .punto{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--ok-fondo);color:var(--ok)}
.chip-flotante .punto.oro{background:#f3e7cf;color:var(--oro-texto)}
.chip-flotante small{display:block;color:var(--tinta-3);font-size:.74rem}
.chip-a{right:-2.6rem;top:1.2rem}
.chip-b{left:-3.4rem;bottom:.6rem}
@media (max-width:1023px){.chip-a{right:0;top:0}.chip-b{left:0;bottom:-1.4rem}}
@media (max-width:600px){.escena{min-height:33rem}.chip-flotante{font-size:.76rem}}

/* ── franja manifiesto ── */
.manifiesto{position:relative;z-index:2;background:var(--grafito);color:var(--marfil);padding-block:clamp(3rem,6vw,4.5rem)}
.manifiesto p{margin:0;font:300 clamp(1.5rem,3.4vw,2.7rem)/1.18 var(--f-marca);letter-spacing:-.01em;max-width:58rem}
.manifiesto p em{font-family:var(--f-acento);color:var(--oro-claro)}

/* ── secciones ── */
.seccion{position:relative;z-index:2;padding-block:clamp(5rem,10vw,9rem)}
.seccion:not(.oscuro)+.seccion:not(.oscuro){padding-top:0}
ol.seguridad,ol.avance{padding:0;margin:0}
.br-ancho{display:none}@media (min-width:640px){.br-ancho{display:inline}}
.seccion-cabeza{display:grid;gap:1.4rem;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
@media (min-width:1024px){.seccion-cabeza{grid-template-columns:1fr 1fr;align-items:end}}
.oscuro{background:var(--grafito);color:var(--marfil)}

/* bento asimétrico con doble bisel */
.bento{display:grid;gap:1rem}
@media (min-width:768px){.bento{grid-template-columns:repeat(6,1fr)}
  .b-6{grid-column:span 6}.b-4{grid-column:span 4}.b-3{grid-column:span 3}.b-2{grid-column:span 2}}
.bisel{padding:.4rem;border-radius:var(--r-xl);background:rgba(30,26,20,.035);box-shadow:inset 0 0 0 1px var(--linea)}
.bisel>.nucleo{height:100%;border-radius:calc(var(--r-xl) - .4rem);background:var(--papel);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 1px 2px rgba(20,16,10,.05);padding:clamp(1.5rem,3vw,2.3rem)}
.oscuro .bisel{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px var(--grafito-linea)}
.oscuro .bisel>.nucleo{background:linear-gradient(180deg,#1f1d1a,#171614);box-shadow:inset 0 1px 1px rgba(255,255,255,.05)}
.tarjeta h3{font-size:clamp(1.35rem,2vw,1.7rem);margin:1.1rem 0 .7rem}
.tarjeta p{margin:0;color:var(--tinta-2)}
.oscuro .tarjeta p{color:#bfb7a7}
.icono{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;color:var(--oro-texto);box-shadow:inset 0 0 0 1px rgba(184,145,79,.45);background:radial-gradient(circle at 30% 25%,#fff8ea,#f1e6d0)}
.icono svg{width:1.35rem;height:1.35rem}
.oscuro .icono{color:var(--oro-claro);background:radial-gradient(circle at 30% 25%,#2d2a24,#1a1917);box-shadow:inset 0 0 0 1px rgba(233,207,150,.3)}
.estado{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.3rem;padding:.42rem .75rem;border-radius:999px;font:500 .7rem/1 var(--f-marca);letter-spacing:.14em;text-transform:uppercase}
.estado::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:currentColor}
.estado.activo{background:var(--ok-fondo);color:var(--ok)}
.estado.inicial{background:#f3e7cf;color:var(--oro-texto)}
.estado.proximo{background:rgba(30,26,20,.06);color:var(--tinta-3)}
.oscuro .estado.proximo{background:rgba(255,255,255,.06);color:#bdb5a5}
.tarjeta.grande{display:grid;gap:2rem}
@media (min-width:768px){.tarjeta.grande{grid-template-columns:1.1fr .9fr;align-items:center}}
.mini-tabla{display:grid;gap:.5rem;font-size:.92rem}
.mini-tabla div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-radius:.9rem;background:var(--marfil);box-shadow:inset 0 0 0 1px var(--linea)}
.mini-tabla b{font-variant-numeric:tabular-nums}

/* roles */
.roles{display:grid;gap:1rem}
@media (min-width:900px){.roles{grid-template-columns:1.2fr 1fr 1fr}}
.rol{padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--r-l);box-shadow:inset 0 0 0 1px var(--linea);background:transparent}
.rol:first-child{background:var(--grafito);color:var(--marfil);box-shadow:none}
.rol:first-child p,.rol:first-child li{color:#cbc3b3}
.rol h3{font-size:1.7rem;margin:.9rem 0}
.rol ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}
.rol li{display:flex;gap:.6rem;color:var(--tinta-2)}
.rol li::before{content:"";flex:none;width:.4rem;height:.4rem;margin-top:.62rem;border-radius:50%;background:var(--oro)}

/* seguridad: lista editorial */
.seguridad{display:grid;gap:0}
.seguridad li{display:grid;gap:.4rem 2rem;padding:1.6rem 0;border-top:1px solid var(--grafito-linea);list-style:none}
@media (min-width:900px){.seguridad li{grid-template-columns:5rem 1fr 1.3fr;align-items:baseline}}
.seguridad .n{font:300 1rem/1 var(--f-marca);color:var(--oro-claro);letter-spacing:.1em}
.seguridad h3{font-size:1.45rem}
.seguridad p{margin:0;color:#bfb7a7}
.seguridad ul{margin:0;padding:0}

/* pasos */
.pasos{display:grid;gap:1rem;counter-reset:paso}
@media (min-width:900px){.pasos{grid-template-columns:repeat(4,1fr)}}
.paso{position:relative;padding:2rem 1.5rem 1.8rem;border-radius:var(--r-l);background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
.paso::before{counter-increment:paso;content:"0" counter(paso);font:300 2.6rem/1 var(--f-marca);color:var(--oro)}
.paso h3{font-size:1.3rem;margin:1.2rem 0 .5rem}
.paso p{margin:0;color:var(--tinta-2);font-size:.98rem}

/* avance */
.avance{display:grid;gap:.6rem}
.avance li{list-style:none;display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;align-items:center;padding:1.05rem 1.2rem;border-radius:1rem;background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
.avance li small{grid-column:1/-1;color:var(--tinta-3);font-size:.88rem}
.avance li b{font:500 1.06rem/1.3 var(--f-marca)}
.avance .estado{margin:0}
.avance ul,.avance ol{padding:0;margin:0}
.medidor{height:.5rem;border-radius:999px;background:rgba(30,26,20,.08);overflow:hidden;margin:1.2rem 0 .6rem}
.medidor span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a8834a,#e2c690)}

/* contacto */
.contacto{position:relative;z-index:2;background:var(--grafito);color:var(--marfil);padding-block:clamp(4.5rem,9vw,7rem);overflow:hidden}
.contacto .rejilla{display:grid;gap:3rem}
@media (min-width:1024px){.contacto .rejilla{grid-template-columns:1fr 1fr;align-items:end}}
.canales{display:grid;gap:.7rem}
.canal{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border-radius:1.2rem;text-decoration:none;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px var(--grafito-linea);transition:background .5s var(--curva),transform .5s var(--curva)}
.canal:hover{background:rgba(255,255,255,.07);transform:translateX(4px)}
.canal .icono{flex:none}
.canal b{display:block;font:400 1.35rem/1.1 var(--f-marca);letter-spacing:.01em}
.canal small{color:#a9a191;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.frase{font:400 clamp(2rem,4vw,3.2rem)/1.05 var(--f-acento);font-style:italic;color:var(--oro-claro);margin:2rem 0 0;max-width:22rem}

/* pie */
.pie{position:relative;z-index:2;background:var(--marfil-2);padding-block:3.5rem 2.5rem;font-size:.92rem;color:var(--tinta-2)}
.pie .rejilla{display:grid;gap:2rem}
@media (min-width:900px){.pie .rejilla{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.redes-lista{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:.75rem;max-width:40rem}
.redes-lista a{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:1.1rem 1.25rem;border:1px solid var(--linea-2);border-radius:var(--r-m);background:var(--papel);text-decoration:none;color:var(--tinta);transition:border-color .3s var(--curva),transform .3s var(--curva)}
.redes-lista a:hover{border-color:var(--oro);transform:translateY(-1px)}
.redes-lista b{font:500 1.05rem/1.3 var(--f-marca);letter-spacing:.01em}
.redes-lista span{font-size:.88rem;color:var(--tinta-3)}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pie a{text-decoration:none}
.pie a:hover{text-decoration:underline}
.pie .legal{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--linea);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.82rem;color:var(--tinta-3)}

/* ── aparición al desplazarse ── */
.revela{opacity:0;transform:translateY(2.2rem);filter:blur(6px);transition:opacity 1s var(--curva),transform 1s var(--curva),filter 1s var(--curva)}
.revela.visto{opacity:1;transform:none;filter:none}
.sin-js .revela{opacity:1;transform:none;filter:none}
.retraso-1{transition-delay:.08s}.retraso-2{transition-delay:.16s}.retraso-3{transition-delay:.24s}

/* ==========================================================================
   Cuenta y aplicación
   ========================================================================== */
.pagina-cuenta{min-height:100dvh;display:grid}
@media (min-width:1024px){.pagina-cuenta{grid-template-columns:1fr 1.05fr}}
.cuenta-lado{position:relative;background:var(--grafito);color:var(--marfil);padding:2rem clamp(1.5rem,5vw,4rem);display:flex;flex-direction:column;justify-content:space-between;gap:3rem;overflow:hidden}
.cuenta-lado .marca small{color:var(--oro-claro)}
.cuenta-lado h1{font-size:clamp(2.2rem,4vw,3.6rem);margin-top:2rem}
.cuenta-lado .porton{position:absolute;right:-12%;bottom:-6%;width:85%;color:var(--oro);opacity:.32}
@media (max-width:1023px){.cuenta-lado{padding-bottom:2.5rem}.cuenta-lado h1{font-size:2rem;margin-top:1.5rem}.cuenta-lado .porton{display:none}}
.cuenta-form{display:grid;place-items:center;padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3rem)}
.cuenta-form .caja{width:min(100%,27rem)}
.cuenta-form h2{font-size:2rem;margin-bottom:.4rem}
.cuenta-form .sub{color:var(--tinta-2);margin:0 0 2rem}
.campo{display:grid;gap:.45rem;margin-bottom:1.15rem}
.campo label{font:500 .82rem/1 var(--f-marca);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-2)}
.campo input,.campo select,.campo textarea{width:100%;min-height:3.1rem;padding:.8rem 1rem;border-radius:.9rem;border:0;background:var(--papel);color:var(--tinta);font:400 1rem/1.4 var(--f-texto);box-shadow:inset 0 0 0 1px var(--linea-2);transition:box-shadow .35s var(--curva)}
.campo textarea{min-height:8rem;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--oro)}
.campo .ayuda{font-size:.84rem;color:var(--tinta-3)}
.campo.con-boton{position:relative}
.ver-clave{position:absolute;right:.4rem;top:1.65rem;min-height:2.3rem;padding:0 .8rem;border:0;border-radius:.7rem;background:transparent;color:var(--oro-texto);font:500 .8rem/1 var(--f-marca);cursor:pointer}
.casilla{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--tinta-2);margin:.5rem 0 1.4rem}
.casilla input{width:1.2rem;height:1.2rem;margin-top:.15rem;accent-color:var(--oro-hondo)}
.aviso{padding:1rem 1.15rem;border-radius:1rem;margin-bottom:1.4rem;font-size:.95rem;line-height:1.5}
.aviso.error{background:var(--error-fondo);color:var(--error)}
.aviso.ok{background:var(--ok-fondo);color:var(--ok)}
.aviso.info{background:#f3e7cf;color:var(--oro-texto)}
.aviso.neutro{background:rgba(30,26,20,.05);color:var(--tinta-2)}
.ancho-total{width:100%;justify-content:space-between}
.pie-form{margin-top:1.6rem;font-size:.94rem;color:var(--tinta-2);display:grid;gap:.5rem}

/* aplicación */
.app{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}
.lateral,.lateral nav,.principal{min-width:0}
.lateral-pie span{overflow-wrap:anywhere}
@media (min-width:1024px){.app{grid-template-columns:17.5rem minmax(0,1fr);grid-template-rows:1fr;background:linear-gradient(90deg,var(--grafito) 17.5rem,transparent 17.5rem)}}
.lateral{background:var(--grafito);color:var(--marfil);padding:1.1rem 1rem;display:flex;flex-direction:column;gap:1rem}
@media (min-width:1024px){.lateral{position:sticky;top:0;height:100dvh;padding:1.8rem 1.1rem;gap:2rem}}
.lateral .marca small{color:var(--oro-claro)}
.lateral-cabeza{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.comunidad-actual{padding:.9rem 1rem;border-radius:1rem;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--grafito-linea)}
.comunidad-actual small{display:block;font:500 .66rem/1 var(--f-marca);letter-spacing:.2em;text-transform:uppercase;color:#a9a191}
.comunidad-actual b{display:block;font:400 1.05rem/1.3 var(--f-marca);margin-top:.45rem}
.comunidad-actual a{font-size:.8rem;color:var(--oro-claro)}
.menu-app{list-style:none;margin:0;padding:0;display:flex;gap:.3rem;overflow-x:auto;scrollbar-width:none}
.menu-app::-webkit-scrollbar{display:none}
@media (min-width:1024px){.menu-app{flex-direction:column;overflow:visible}}
.menu-app a{display:flex;align-items:center;gap:.75rem;white-space:nowrap;padding:.75rem .9rem;border-radius:.9rem;text-decoration:none;color:#cfc7b7;font:400 .95rem/1 var(--f-marca);letter-spacing:.02em;transition:background .4s var(--curva),color .4s var(--curva)}
.menu-app a:hover{background:rgba(255,255,255,.05);color:var(--marfil)}
.menu-app a[aria-current=page]{background:rgba(226,198,144,.12);color:var(--oro-claro)}
.menu-app svg{width:1.1rem;height:1.1rem;flex:none}
.menu-app .pronto{margin-left:auto;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#8d8576}
.lateral-pie{margin-top:auto;display:none;gap:.8rem;font-size:.85rem;color:#a9a191}
@media (min-width:1024px){.lateral-pie{display:grid}}
.lateral-pie form{margin:0}
.boton-salir{background:none;border:0;padding:0;color:var(--oro-claro);font:500 .85rem/1 var(--f-marca);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.salir-movil{display:block}
@media (min-width:1024px){.salir-movil{display:none}}
.principal{padding:clamp(1.5rem,4vw,3.2rem) clamp(1.25rem,4vw,3.5rem) 4rem;max-width:84rem;width:100%}
.principal-cabeza{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}
.principal-cabeza h1{font-size:clamp(1.9rem,3.6vw,3rem)}
.principal-cabeza p{margin:.6rem 0 0;color:var(--tinta-2)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}
.chip{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea-2);font:500 .72rem/1 var(--f-marca);letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.chip.demo{background:#f3e7cf;color:var(--oro-texto);box-shadow:none}
.kpis{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-bottom:1.2rem}
.kpi{padding:1.3rem 1.4rem;border-radius:1.3rem;background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
.kpi small{display:block;font:500 .7rem/1.2 var(--f-marca);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.kpi b{display:block;font:300 clamp(1.9rem,3vw,2.5rem)/1.1 var(--f-marca);margin-top:.7rem;font-variant-numeric:tabular-nums}
.kpi span{font-size:.86rem;color:var(--tinta-3)}
.kpi.destacado{background:var(--grafito);color:var(--marfil);box-shadow:none}
.kpi.destacado small,.kpi.destacado span{color:#a9a191}
.paneles{display:grid;gap:1rem}
@media (min-width:1100px){.paneles{grid-template-columns:1.35fr 1fr}}
.panel{padding:clamp(1.3rem,2.5vw,1.9rem);border-radius:1.4rem;background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
.panel h2{font-size:1.35rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.panel h2 a{font:400 .85rem/1 var(--f-texto);color:var(--oro-texto)}
.panel+.panel{margin-top:0}
.tabla-envoltura{overflow-x:auto;margin-inline:-.4rem}
table{width:100%;border-collapse:collapse;font-size:.94rem}
th{text-align:left;font:500 .68rem/1.2 var(--f-marca);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3);padding:.6rem .55rem;border-bottom:1px solid var(--linea-2);white-space:nowrap}
td{padding:.85rem .55rem;border-bottom:1px solid var(--linea);vertical-align:top}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr:last-child td{border-bottom:0}
.etiqueta{display:inline-block;padding:.28rem .55rem;border-radius:999px;font:500 .68rem/1 var(--f-marca);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.etiqueta.ok{background:var(--ok-fondo);color:var(--ok)}
.etiqueta.alerta{background:var(--alerta-fondo);color:var(--alerta)}
.etiqueta.error{background:var(--error-fondo);color:var(--error)}
.etiqueta.neutro{background:rgba(30,26,20,.06);color:var(--tinta-2)}
.vacio{padding:2rem 1rem;text-align:center;color:var(--tinta-3);border-radius:1rem;background:rgba(30,26,20,.03)}
.lista-simple{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}
.lista-simple li{padding:.9rem 0;border-bottom:1px solid var(--linea)}
.lista-simple li:last-child{border-bottom:0}
.lista-simple b{display:block;font-weight:600}
.lista-simple small{color:var(--tinta-3)}
.proximamente{padding:clamp(2rem,5vw,3.5rem);border-radius:1.6rem;background:var(--grafito);color:var(--marfil);display:grid;gap:1rem;max-width:46rem}
.proximamente h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.proximamente p{margin:0;color:#cbc3b3}
.dif{font-size:.82rem;color:var(--alerta)}
.formulario-linea{display:grid;gap:.8rem}
@media (min-width:768px){.formulario-linea{grid-template-columns:repeat(2,1fr)}.formulario-linea .completo{grid-column:1/-1}}

/* caseta: pensada para pantalla de teléfono, con prisa y con sol */
.caseta-validar{padding:clamp(1.4rem,3vw,2.2rem);border-radius:1.6rem;background:var(--grafito);color:var(--marfil)}
.caseta-validar label{color:#cfc7b7}
.caseta-validar input{background:#1f1d1a;color:var(--marfil);font:500 1.5rem/1.2 var(--f-marca);letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1px var(--grafito-linea)}
.resultado{margin-top:1.2rem;padding:1.4rem 1.5rem;border-radius:1.3rem;display:grid;gap:.35rem}
.resultado b{font:400 1.7rem/1.1 var(--f-marca)}
.resultado.ok{background:#e3efe6;color:#1f4d36}
.resultado.no{background:#f6dfda;color:#7c2219}
.resultado small{font-size:.95rem}
.qr-caja{display:grid;gap:1.2rem;justify-items:center;text-align:center;padding:1.5rem;border-radius:1.4rem;background:#fff;box-shadow:inset 0 0 0 1px var(--linea)}
.qr-caja img{width:min(17rem,70vw);image-rendering:pixelated}
.codigo{font:500 1.05rem/1.4 var(--f-marca);letter-spacing:.12em;word-break:break-all}


/* medidor sin estilos en línea (CSP): una clase por cada 5 % */
.medidor .m0{width:0%}.medidor .m5{width:5%}.medidor .m10{width:10%}.medidor .m15{width:15%}.medidor .m20{width:20%}.medidor .m25{width:25%}.medidor .m30{width:30%}.medidor .m35{width:35%}.medidor .m40{width:40%}.medidor .m45{width:45%}.medidor .m50{width:50%}.medidor .m55{width:55%}.medidor .m60{width:60%}.medidor .m65{width:65%}.medidor .m70{width:70%}.medidor .m75{width:75%}.medidor .m80{width:80%}.medidor .m85{width:85%}.medidor .m90{width:90%}.medidor .m95{width:95%}.medidor .m100{width:100%}
.seccion-sub{margin-top:2.5rem}
.texto-legal{max-width:46rem;margin-top:2rem}
.texto-legal p{margin:0 0 1.1rem;color:var(--tinta-2)}
.texto-legal b{color:var(--tinta)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.revela{opacity:1;transform:none;filter:none}}
@media print{.isla,.lateral,.preprod{display:none}}

/* ==========================================================================
   Fase 2 · administración, residentes, plataforma, captación, demo y convenios
   ========================================================================== */
.trampa{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.letra-chica{font-size:.82rem;line-height:1.5;color:var(--tinta-3)}
.dif-neutro,.dif-legal{font-size:.86rem;color:var(--tinta-3);margin:.6rem 0 0}
.dif-legal{color:var(--oro-texto)}
.sep{border:0;border-top:1px solid var(--linea);margin:1.4rem 0}
.crudo,.texto-convenio{white-space:pre-wrap;word-break:break-word;font:400 .92rem/1.6 var(--f-texto);background:var(--papel);border-radius:var(--r-m);box-shadow:inset 0 0 0 1px var(--linea);padding:1.1rem 1.2rem;max-height:28rem;overflow:auto}
.crudo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}
.acciones-linea{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.ficha{display:grid;grid-template-columns:max-content 1fr;gap:.45rem 1.2rem;margin:0 0 1rem}
.ficha dt{color:var(--tinta-3);font-size:.88rem}
.ficha dd{margin:0;font-weight:600}
.kpi-texto{display:block;font:500 1.15rem/1.3 var(--f-marca);margin:.35rem 0}
.compacto .campo{margin-bottom:.7rem}
details>summary{cursor:pointer;color:var(--oro-texto);font-weight:600}
details[open]>summary{margin-bottom:.8rem}

/* ── precios ── */
.precios{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}
.precio-tarjeta{display:flex;flex-direction:column;gap:.5rem}
.precio-grande{font:300 clamp(2.2rem,5vw,3rem)/1 var(--f-marca);letter-spacing:-.01em;margin:.3rem 0 0}
.precio-grande small{font:500 .8rem/1 var(--f-marca);letter-spacing:.12em;color:var(--tinta-3)}
.precio-total{margin:0;color:var(--tinta-2)}
.precio-bloque{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap;margin:.4rem 0 1rem}
.incluye{margin:.6rem 0 1rem;padding-left:1.1rem;color:var(--tinta-2)}
.incluye li{margin:.25rem 0}
.bf-precio .nucleo{background:linear-gradient(180deg,#fff8ea,#f6ead3);box-shadow:inset 0 0 0 1px rgba(184,145,79,.35)}
.aviso-ac{margin-top:1.6rem;padding:1.2rem 1.3rem;border-radius:var(--r-l);background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
.aviso-ac p{margin:.5rem 0 0;color:var(--tinta-2);font-size:.95rem}

/* ── El Buen Fin (solo se emite del 1 al 17 de noviembre) ── */
.bf-insignia{display:flex;justify-content:center;padding:.7rem 1rem;background:var(--papel);box-shadow:0 1px 0 var(--linea)}
.bf-insignia img{width:min(100%,22rem);height:auto}
.bf-logo{width:100%;height:auto;border-radius:var(--r-s);margin-bottom:1rem}
.bf-oferta{font-size:1rem}
.bf-fila{display:grid;grid-template-columns:7rem 1fr;gap:1rem;align-items:center;margin:1rem 0}
.bf-qr img{width:7rem;height:7rem;border-radius:var(--r-s);box-shadow:0 0 0 1px var(--linea)}

/* ── ventana informativa (una vez por visitante) ── */
.emergente{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:1rem;background:rgba(18,18,17,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.emergente[hidden]{display:none}
.emergente-caja{position:relative;width:min(100%,34rem);max-height:calc(100dvh - 2rem);overflow:auto;background:var(--papel);border-radius:var(--r-xl);box-shadow:var(--sombra);padding:clamp(1.3rem,4vw,2rem)}
.emergente-x{position:absolute;right:.8rem;top:.6rem;width:2.4rem;height:2.4rem;border:0;border-radius:999px;background:rgba(30,26,20,.06);font-size:1.4rem;line-height:1;cursor:pointer;color:var(--tinta)}
.emergente-texto{color:var(--tinta-2)}
.emergente-ac{font-size:.9rem;color:var(--oro-texto)}
@media (prefers-reduced-motion:no-preference){.emergente:not([hidden]) .emergente-caja{animation:sube .5s var(--curva)}}
@keyframes sube{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}

/* ── demostración ── */
.franja-demo{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.7rem 1.1rem;margin-bottom:1.2rem;border-radius:var(--r-m);background:#f3e7cf;color:var(--oro-texto);font-size:.9rem}
.franja-demo b{letter-spacing:.06em}
.franja-demo form{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.franja-demo button{border:0;border-radius:999px;padding:.35rem .8rem;background:var(--papel);color:var(--tinta);font:500 .8rem/1 var(--f-marca);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(184,145,79,.4)}
.franja-demo a{margin-left:auto;font-weight:600}
.demo-opciones{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));margin-top:1.4rem}
.demo-opciones form{margin:0}

/* ── pagos del residente ── */
.metodos{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.metodo{padding:1.2rem 1.3rem;border-radius:var(--r-l);background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea)}
.metodo.activo{box-shadow:inset 0 0 0 1.5px var(--oro)}
.metodo h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem;font:500 1.05rem/1.2 var(--f-marca)}
.metodo svg{width:1.1rem;height:1.1rem}
.precio-tarjeta .boton{align-self:flex-start}

/* ── Preguntas frecuentes (portada) ─────────────────────────────────────── */
.faq{display:grid;gap:.7rem;max-width:52rem}
.faq-item{background:var(--papel);border-radius:var(--r-l);box-shadow:inset 0 0 0 1px var(--linea);padding:1.05rem 1.3rem}
.faq-item>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--tinta);font:600 1.05rem/1.4 var(--f-texto);min-height:2.75rem}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item>summary::after{content:"+";flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--linea-2);color:var(--oro-texto);font:400 1.2rem/1 var(--f-marca);transition:transform .3s var(--curva)}
.faq-item[open]>summary::after{transform:rotate(45deg)}
.faq-item[open]>summary{margin-bottom:.4rem}
.faq-item p{margin:0;color:var(--tinta-2);max-width:46rem}
@media (prefers-reduced-motion:reduce){.faq-item>summary::after{transition:none}}

/* ── Aviso de cookies y preferencias (medicion.vpp) ─────────────────────── */
.consentimiento{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:0 .75rem calc(.75rem + env(safe-area-inset-bottom))}
.consentimiento-caja{max-width:46rem;margin:0 auto;background:var(--grafito);color:var(--marfil);border-radius:var(--r-l);box-shadow:var(--sombra);padding:1.1rem 1.25rem 1.2rem}
.consentimiento h2{margin:0 0 .35rem;font:600 1.05rem/1.3 var(--f-marca);letter-spacing:.02em}
.consentimiento p{margin:0 0 .9rem;color:#d9d2c3;font-size:.92rem;line-height:1.55}
.consentimiento .enlace{color:var(--oro-claro)}
.consentimiento-botones{display:flex;flex-wrap:wrap;gap:.6rem}
.consentimiento-botones .boton{flex:1 1 8rem;justify-content:center;min-height:2.75rem}
.preferencias{margin-top:2.5rem}
.preferencias .casilla{margin:.8rem 0}

/* ── Objetivos táctiles de 44 px en teléfono (medido con ceoo-verificar movil) ── */
.pie ul{gap:0}
.pie li a{display:inline-flex;align-items:center;min-height:44px}
.marca{min-height:44px}
.preprod a{display:inline-block;padding-block:.85rem;margin-block:-.85rem}
.seccion-cabeza .entrada .enlace{display:inline-block;padding-block:.7rem;margin-block:-.7rem}
.trampa input{font-size:16px}

/* Desglose del pago (cuota · comisión PRIVORA · IVA · total), antes de pagar y en recibos */
table.desglose{width:100%;max-width:34rem;border-collapse:collapse;margin:.3rem 0 .9rem;font-size:.95rem}
table.desglose td{padding:.4rem .2rem;border-bottom:1px solid var(--linea,rgba(0,0,0,.08))}
table.desglose td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
table.desglose tr.total td{border-bottom:0;padding-top:.6rem;font-size:1.05rem}

/* ── Medios de pago aceptados (24-oct-2026): logotipos locales, lo pendiente atenuado ── */
.medios-pago{margin-top:2.5rem}
.medios-pago h2{margin:0 0 .35rem}
.medios-lista{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.9rem 1rem}
.medio-item{display:grid;justify-items:center;text-align:center;gap:.3rem;width:6.4rem;font-size:.8rem;line-height:1.3;color:var(--tinta-2)}
.medio-item small{color:var(--tinta-3);font-size:.7rem}
.medio-nombre{font-weight:500}
.medio-logo{display:flex;align-items:center;justify-content:center;width:5.6rem;height:3.3rem}
.medio-logo.placa{background:#fff;border:1px solid var(--linea);border-radius:8px;padding:.4rem .55rem}
.medio-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto}
.medio-logo.texto{font:600 1.05rem/1 var(--f-marca);color:#1E1A14;background:#fff;border:1px solid var(--linea);border-radius:8px;width:5.6rem;height:3.3rem}
.medio-item.proximamente{opacity:.6}
.medio-item em{display:block;font-style:normal;font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:var(--tinta-3)}
.medios-lista.compacta{gap:.6rem .75rem}
.medios-lista.compacta .medio-item{width:4.9rem;font-size:.7rem}
.medios-lista.compacta .medio-logo,.medios-lista.compacta .medio-logo.texto{width:4.6rem;height:2.7rem}
.medios-lista.compacta .medio-logo.placa{padding:.3rem .4rem}
.pie-medios{margin-top:2.25rem;display:grid;gap:.6rem;justify-items:start}
.pie-medios>span{font:500 .72rem/1 var(--f-marca);letter-spacing:.09em;text-transform:uppercase;color:var(--tinta-3)}
.pie-medios .enlace{font-size:.85rem}