/* Movium Lab · hoja de estilos · v0.2 (17/09/2026)
   Norma de color: fondo blanco cálido, texto casi negro, salvia como único acento, arena solo para destacar. */
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}

:root{
  --crema:#F7F5EF; --blanco:#FFFFFF; --tinta:#1E1E1E; --tinta-2:#4A4A47; --salvia:#A3B0A0; --salvia-osc:#7E8C7A; --arena:#D9C6A5; --linea:rgba(30,30,30,.14);
  --ancho:1200px; --gutter:clamp(20px,4vw,48px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3,p{margin:0}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 var(--gutter)}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--salvia-osc)}
.filete{width:64px;height:3px;background:var(--salvia);margin:22px 0 0}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:4px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .25s;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn-tinta{background:var(--tinta);color:var(--crema)}
.btn-tinta:hover{background:#000}
.btn-claro{background:var(--crema);color:var(--tinta)}
.btn-claro:hover{background:#fff}
.btn-linea{border-color:currentColor;background:transparent}
.enlace{font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--salvia);padding-bottom:3px;transition:border-color .25s}
.enlace:hover{border-color:currentColor}

/* Cabecera */
.cab{position:fixed;inset:0 0 auto 0;z-index:50;transition:background .3s,box-shadow .3s,color .3s;color:#fff}
.cab .wrap{display:flex;align-items:center;justify-content:space-between;height:76px;gap:24px}
.cab .logo{flex:none}
.cab .logo img{height:22px;width:auto}
.cab .logo .negro{display:none}
.cab nav{display:flex;gap:24px;font-size:15px;font-weight:500;white-space:nowrap}
.cab nav a{text-decoration:none;opacity:.92;padding:6px 0;border-bottom:1.5px solid transparent}
.cab nav a:hover{border-color:currentColor;opacity:1}
.cab .btn{padding:11px 20px;font-size:15px;white-space:nowrap}
.cab.solida{background:rgba(247,245,239,.96);backdrop-filter:blur(8px);color:var(--tinta);box-shadow:0 1px 0 var(--linea)}
.cab.solida .logo .blanco{display:none}
.cab.solida .logo .negro{display:block}
.cab .btn-cab{background:var(--crema);color:var(--tinta)}
.cab.solida .btn-cab{background:var(--tinta);color:var(--crema)}
.menu-btn{display:none;background:none;border:0;color:inherit;padding:8px;cursor:pointer}
.menu-btn span{display:block;width:24px;height:2px;background:currentColor;margin:5px 0}

/* Portada */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#111}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,14,.86) 0%,rgba(14,14,14,.62) 38%,rgba(14,14,14,.12) 72%,rgba(14,14,14,0) 100%),linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.5) 100%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-top:140px;padding-bottom:clamp(56px,9vh,110px)}
.hero .eyebrow{color:#DDE3DB}
.hero h1{font-size:clamp(38px,6.2vw,84px);line-height:1.02;letter-spacing:-.025em;font-weight:600;max-width:15ch;margin-top:18px}
.hero p.sub{font-size:clamp(18px,1.6vw,22px);max-width:40ch;margin-top:26px;color:#F1F1EC}
.hero .acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;align-items:center}
.hero .nota{font-size:15px;color:#DDE3DB;margin-left:6px}

/* Secciones */
section{padding:clamp(72px,10vw,140px) 0}
.h2{font-size:clamp(30px,4vw,54px);line-height:1.06;letter-spacing:-.02em;font-weight:600;max-width:20ch}
.intro{font-size:clamp(18px,1.5vw,21px);color:var(--tinta-2);max-width:56ch;margin-top:24px}

/* Manifiesto */
.manifiesto .grande{font-size:clamp(32px,5vw,68px);line-height:1.05;letter-spacing:-.025em;font-weight:600;max-width:18ch}
.manifiesto .grande em{font-style:normal;color:var(--salvia-osc)}
.manifiesto .cols{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,96px);align-items:end}
.manifiesto p{color:var(--tinta-2)}
.manifiesto p+p{margin-top:16px}

/* Líneas */
.lineas{background:var(--blanco)}
.lineas .cabeza{display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.rejilla{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:56px}
.linea{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 7;row-gap:0;align-content:start;text-decoration:none;color:inherit}
.linea>*{align-self:start}
.linea .ir{align-self:end}
.linea .foto{aspect-ratio:3/4;overflow:hidden;background:#ddd;border-radius:3px}
.linea .foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.linea:hover .foto img{transform:scale(1.045)}
.linea .num{font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--salvia-osc);margin-top:20px}
.linea h3{font-size:26px;letter-spacing:-.01em;font-weight:600;margin-top:6px}
.linea .promesa{font-weight:600;margin-top:10px;line-height:1.35}
.linea .txt{font-size:16px;color:var(--tinta-2);margin-top:8px}
.linea .ir{margin-top:16px;font-size:15px;font-weight:600}
.linea .ir::after{content:" →";transition:margin .25s}
.linea:hover .ir::after{margin-left:6px}
.orienta{margin-top:56px;padding-top:28px;border-top:1px solid var(--linea);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}
.orienta p{font-size:20px;font-weight:500}

/* Perfil de Movimiento */
.perfil{background:var(--tinta);color:var(--crema)}
.perfil .eyebrow{color:var(--salvia)}
.perfil .intro{color:#CFCFC8}
.perfil .dos{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,6vw,88px);align-items:center}
.perfil .fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.perfil .fotos figure{display:block}
.perfil .fotos img{width:100%;height:auto;object-fit:cover;border-radius:3px;aspect-ratio:4/3}
.perfil .fotos img.a{aspect-ratio:16/9}
.pasos{list-style:none;padding:0;margin:40px 0 0;border-top:1px solid rgba(247,245,239,.18)}
.pasos li{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:20px 0;border-bottom:1px solid rgba(247,245,239,.18)}
.pasos .n{font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--salvia);padding-top:5px}
.pasos b{display:block;font-size:20px;font-weight:600}
.pasos span{color:#CFCFC8;font-size:16px}
.perfil .acciones{margin-top:36px;display:flex;gap:14px;flex-wrap:wrap}

/* Tecnología */
.tec .dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:start}
.equipos{list-style:none;padding:0;margin:0;border-top:1px solid var(--linea)}
.equipos li{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--linea);font-size:17px}
.equipos li span{color:var(--tinta-2);font-size:15px;text-align:right;white-space:nowrap;flex:none}

/* Espacio */
.espacio{background:var(--blanco)}
.galeria{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:56px}
.galeria img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.galeria .col{display:grid;gap:14px}
.datos{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;border-top:1px solid var(--linea);padding-top:28px}
.datos b{display:block;font-size:34px;font-weight:600;letter-spacing:-.02em}
.datos span{font-size:15px;color:var(--tinta-2)}

/* Empezar */
.empezar .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.paso{background:var(--blanco);padding:32px;border-radius:3px;border-top:3px solid var(--salvia);display:flex;flex-direction:column;align-items:flex-start}
.paso .n{font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--salvia-osc)}
.paso h3{font-size:23px;font-weight:600;margin-top:10px}
.paso p{font-size:16px;color:var(--tinta-2);margin-top:10px;margin-bottom:16px}
.paso .dato{display:inline-block;margin-top:auto;font-size:14px;font-weight:600;background:#EFE6D5;padding:5px 10px;border-radius:3px}

/* Contacto */
.contacto{background:var(--tinta);color:var(--crema)}
.contacto .dos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px)}
.contacto .lema{font-size:clamp(36px,5vw,68px);line-height:1.03;letter-spacing:-.025em;font-weight:600}
.contacto .intro{color:#CFCFC8}
.contacto .ficha{margin-top:40px;font-size:16px;color:#CFCFC8;line-height:1.7}
.contacto .ficha b{color:var(--crema);font-weight:600}
form{display:grid;gap:16px}
label{font-size:14px;font-weight:600;letter-spacing:.02em;display:grid;gap:8px}
input,select,textarea{font:inherit;font-size:16px;padding:14px 14px;border-radius:3px;border:1px solid rgba(247,245,239,.28);background:rgba(247,245,239,.06);color:var(--crema);width:100%}
select option{color:#1E1E1E}
input::placeholder,textarea::placeholder{color:#9C9C95}
input:focus,select:focus,textarea:focus{outline:2px solid var(--salvia);outline-offset:1px}
.fila2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:#CFCFC8}
.check input{width:18px;height:18px;margin-top:2px;flex:none}
.aviso{font-size:14px;color:var(--salvia);min-height:20px}

/* Pie */
footer{background:#151515;color:#B9B9B2;padding:56px 0 40px;font-size:15px}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
footer img{height:20px;width:auto;margin-bottom:18px}
footer h4{margin:0 0 12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--salvia);font-weight:600}
footer a{display:block;text-decoration:none;padding:3px 0}
footer a:hover{color:#fff}
footer .legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* WhatsApp flotante */
.wa{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;border-radius:50%;background:var(--tinta);color:var(--crema);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);border:1.5px solid var(--salvia);transition:transform .25s}
.wa:hover{transform:scale(1.06)}
.wa svg{width:26px;height:26px;fill:currentColor}

/* Entrada suave */
.ver{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.ver.visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ver{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ===== Componentes v0.2 ===== */
/* Pie de foto técnico */
figure{margin:0;position:relative}
figure img{width:100%;height:100%;object-fit:cover;border-radius:3px}
figcaption,.pie{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);margin-top:10px}
figcaption::before,.pie::before{content:"";width:7px;height:7px;background:var(--salvia);flex:none}
.perfil figcaption,.oscuro figcaption{color:#BDBDB6}
.hero .pie,.phero .pie{position:absolute;right:calc(var(--gutter) + 84px);bottom:34px;z-index:2;color:#E7E7E1;margin:0}

/* Cinta de tecnología */
.cinta{background:var(--tinta);color:var(--crema);overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}
.cinta .pista{display:flex;gap:56px;white-space:nowrap;padding:18px 0;width:max-content;animation:cinta 46s linear infinite;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.cinta span{display:inline-flex;align-items:center;gap:56px}
.cinta span::after{content:"";width:6px;height:6px;background:var(--salvia);display:inline-block}
@keyframes cinta{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cinta .pista{animation:none}}

/* Fondo de retícula en secciones oscuras */
.perfil,.contacto,.oscuro{background-image:linear-gradient(rgba(247,245,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,239,.035) 1px,transparent 1px);background-size:56px 56px}
.oscuro{background-color:var(--tinta);color:var(--crema)}
.oscuro .eyebrow{color:var(--salvia)}
.oscuro .intro{color:#CFCFC8}

/* Sellos de confianza */
.sellos{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:36px;padding-top:24px;border-top:1px solid var(--linea);font-size:15px;font-weight:500}
.sellos span{display:inline-flex;align-items:center;gap:9px}
.sellos span::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--salvia) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.2 8.3l2.4 2.4 5.2-5.4' fill='none' stroke='%231E1E1E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;flex:none}

/* Cabecera de página interior */
.phero{position:relative;min-height:74svh;display:flex;align-items:flex-end;color:#fff;background:#111;overflow:hidden}
.phero img.fondo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,14,14,.88) 0%,rgba(14,14,14,.66) 40%,rgba(14,14,14,.15) 78%,rgba(14,14,14,0) 100%),linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,0) 25%)}
.phero .wrap{position:relative;z-index:2;width:100%;padding-top:150px;padding-bottom:clamp(48px,8vh,88px)}
.phero .eyebrow{color:#DDE3DB}
.phero h1{font-size:clamp(34px,5vw,68px);line-height:1.04;letter-spacing:-.025em;font-weight:600;max-width:17ch;margin-top:16px}
.phero p.sub{font-size:clamp(18px,1.5vw,21px);max-width:46ch;margin-top:22px;color:#F1F1EC}
.phero .acciones{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px;align-items:center}
.phero .nota{font-size:15px;color:#DDE3DB}
.migas{font-size:13px;letter-spacing:.04em;color:#DDE3DB;margin-bottom:22px}
.migas a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.cab.fija-clara{background:rgba(247,245,239,.96);color:var(--tinta);box-shadow:0 1px 0 var(--linea)}

/* Rejillas de tarjetas */
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:48px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.tarj{background:var(--blanco);border-radius:3px;padding:28px;border-top:3px solid var(--salvia);display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;align-content:start;text-decoration:none;color:inherit}
.tarj>*{align-self:start}
.blanca .tarj{background:var(--crema)}
.tarj .k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--salvia-osc)}
.tarj h3{font-size:21px;font-weight:600;margin-top:8px;line-height:1.25}
.tarj p{font-size:16px;color:var(--tinta-2);margin-top:10px}
a.tarj{transition:transform .3s,box-shadow .3s}
a.tarj:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.08)}
.oscuro .tarj{background:rgba(247,245,239,.06);color:var(--crema)}
.oscuro .tarj p{color:#CFCFC8}
.blanca{background:var(--blanco)}

/* Tecnología con foto */
.tecf{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 20px;margin-top:48px}
.tecf>div{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;align-content:start}
.tecf>div>*{align-self:start}
.tecf figure .marco{aspect-ratio:4/3;overflow:hidden;border-radius:3px;background:#ddd}
.tecf h3{font-size:20px;font-weight:600;margin-top:6px}
.tecf p{font-size:16px;color:var(--tinta-2);margin-top:6px}
.oscuro .tecf p{color:#CFCFC8}

/* Dos columnas texto + imagen */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}
.duo.inv>*:first-child{order:2}
.duo figure .marco{aspect-ratio:4/3;overflow:hidden;border-radius:3px}
.lista{list-style:none;padding:0;margin:28px 0 0;border-top:1px solid var(--linea)}
.lista li{padding:15px 0;border-bottom:1px solid var(--linea);display:grid;grid-template-columns:28px 1fr;gap:6px;font-size:17px}
.lista li::before{content:"";width:8px;height:8px;background:var(--salvia);margin-top:10px}
.lista b{font-weight:600}
.oscuro .lista,.oscuro .lista li{border-color:rgba(247,245,239,.18)}

/* Chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.chip{font-size:15px;font-weight:500;padding:9px 16px;border:1px solid var(--linea);border-radius:999px;background:var(--blanco)}
.oscuro .chip{background:transparent;border-color:rgba(247,245,239,.3)}

/* Preguntas frecuentes */
.faq{margin-top:40px;border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;font-size:19px;font-weight:600;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:26px;font-weight:400;color:var(--salvia-osc);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{padding:0 40px 24px 0;color:var(--tinta-2);max-width:70ch}

/* Texto legal */
.legaltxt{max-width:760px}
.legaltxt h2{font-size:24px;margin:40px 0 10px;font-weight:600}
.legaltxt p,.legaltxt li{color:var(--tinta-2);margin-top:10px}
.pend{background:#EFE6D5;padding:2px 6px;border-radius:3px;font-weight:600;color:var(--tinta)}

/* Franja de llamada */
.franja{background:var(--salvia);color:var(--tinta);padding:clamp(48px,6vw,80px) 0}
.franja .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.franja p{font-size:clamp(24px,3vw,38px);font-weight:600;letter-spacing:-.015em;line-height:1.12;max-width:22ch}

.linea .lleva{font-size:14px;color:var(--tinta-2);margin-top:12px;padding-top:12px;border-top:1px solid var(--linea)}
.linea .lleva b{color:var(--tinta);font-weight:600}
.quien{padding:clamp(56px,7vw,96px) 0;border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.solo-movil{display:none}
.cab nav a[aria-current=page]{border-color:currentColor}

.tesela{aspect-ratio:4/3;border-radius:3px;background:var(--tinta);background-image:linear-gradient(rgba(247,245,239,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(247,245,239,.06) 1px,transparent 1px);background-size:28px 28px;display:grid;place-items:center;color:var(--crema)}
.tesela span{font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.02em}
.oscuro .tesela{background-color:#2A2A2A}

/* Adaptación */
@media (max-width:1020px){
  .cab nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;gap:0;background:var(--crema);color:var(--tinta);padding:8px var(--gutter) 20px;box-shadow:0 12px 24px rgba(0,0,0,.12)}
  .cab nav.abierto{display:flex}
  .cab nav .solo-movil{display:block}
  .cab nav a{padding:14px 0;border-bottom:1px solid var(--linea);font-size:18px}
  .menu-btn{display:block}
  .cab .btn-cab{display:none}
  .rejilla{grid-template-columns:repeat(2,1fr)}
  .manifiesto .cols,.perfil .dos,.tec .dos,.contacto .dos,.duo{grid-template-columns:1fr}
  .duo.inv>*:first-child{order:0}
  .g3,.g4,.tecf{grid-template-columns:repeat(2,1fr)}
  .hero::after,.phero::after{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 30%,rgba(0,0,0,.8) 100%)}
  .datos{grid-template-columns:repeat(2,1fr)}
  .empezar .tres{grid-template-columns:1fr}
  footer .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{font-size:17px}
  .rejilla{grid-template-columns:1fr}
  .linea .foto{aspect-ratio:4/3}
  .galeria{grid-template-columns:1fr}
  .fila2{grid-template-columns:1fr}
  .g2,.g3,.g4,.tecf{grid-template-columns:1fr}
  .hero .pie,.phero .pie{display:none}
  .hero .nota{margin-left:0;width:100%}
  footer .cols{grid-template-columns:1fr}
}

/* Banda de próxima apertura (modo APERTURA del generador) */
.apertura{position:fixed;top:0;left:0;right:0;z-index:51;background:var(--tinta);color:var(--crema);font-size:13px;line-height:1.3}
.apertura .wrap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:36px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap;text-align:center}
.apertura strong{color:var(--salvia);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:12px}
.apertura a{color:var(--crema);font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
body.pre .cab{top:36px}
@media (max-width:620px){.apertura span{display:none}.apertura .wrap{gap:10px}}