/* ============================================================
   HIJOS DE LA HISPANIDAD — estilo.css · v3 cinematográfica
   Negro profundo · rojo de la cruz · ámbar brasa · hueso
   ============================================================ */

/* ---- tipografías autoalojadas (sin conexión a Google) ---- */
@font-face{
  font-family:'Cinzel';
  src:url('../fonts/cinzel.woff2') format('woff2');
  font-weight:400 900;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'EB Garamond';
  src:url('../fonts/ebgaramond.woff2') format('woff2');
  font-weight:400 800;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'EB Garamond';
  src:url('../fonts/ebgaramond-italic.woff2') format('woff2');
  font-weight:400 800;font-style:italic;font-display:swap;
}
@font-face{
  font-family:'IBM Plex Mono';
  src:url('../fonts/ibmplexmono-regular.woff2') format('woff2');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'IBM Plex Mono';
  src:url('../fonts/ibmplexmono-medium.woff2') format('woff2');
  font-weight:500;font-style:normal;font-display:swap;
}

:root{
  --negro:    #050403;
  --carbon:   #0d0a08;
  --carbon-2: #15100c;
  --rojo:     #b5121b;
  --rojo-osc: #7d0c12;
  --brasa:    #e3923c;
  --brasa-2:  #f3c989;
  --hueso:    #ece5d3;
  --ceniza:   #8d8172;
  --linea:    rgba(236,229,211,.13);

  --f-display:'Cinzel', serif;
  --f-cuerpo: 'EB Garamond', serif;
  --f-mono:   'IBM Plex Mono', monospace;

  --ancho: 1180px;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--negro);
  color:var(--hueso);
  font-family:var(--f-cuerpo);
  font-size:19px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ---- atmósfera de sala de cine: viñeteado + grano ---- */
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:118;
  background:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, rgba(0,0,0,.5) 100%);
}
body::after{
  content:"";position:fixed;inset:-60px;pointer-events:none;z-index:119;
  opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E");
  animation:grano 1.1s steps(3) infinite;
}
@keyframes grano{
  0%{transform:translate(0,0);}
  33%{transform:translate(-22px,14px);}
  66%{transform:translate(16px,-20px);}
  100%{transform:translate(0,0);}
}

/* ---- línea de progreso tipo metraje ---- */
.progreso{
  position:fixed;top:0;left:0;height:2px;width:0;z-index:130;
  background:linear-gradient(90deg, var(--rojo), var(--brasa));
  box-shadow:0 0 12px rgba(227,146,60,.55);
}

img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
::selection{background:var(--rojo);color:#fff;}

.contenedor{max-width:var(--ancho);margin:0 auto;padding:0 28px;}

/* ============================= tipografía ============================= */
h1,h2,h3{font-family:var(--f-display);font-weight:600;color:var(--hueso);}
.titular{
  font-size:clamp(2.2rem,5.4vw,4rem);
  letter-spacing:.05em;
  line-height:1.1;
  text-transform:uppercase;
}
.titular em{
  font-style:normal;
  background:linear-gradient(100deg, #f0a54e 5%, #f7d9a0 50%, #e3923c 95%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 3px 14px rgba(0,0,0,.75));
}
.subtitular{
  font-size:clamp(1.4rem,2.7vw,2rem);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.etiqueta{
  font-family:var(--f-mono);
  font-size:.72rem;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:var(--brasa);
}
.etiqueta::before{
  content:"";display:inline-block;width:36px;height:1px;
  background:linear-gradient(90deg, var(--rojo), var(--brasa));
  vertical-align:middle;margin-right:14px;
}
.doc-cuerpo .etiqueta::before,
.bloque-contacto .etiqueta::before{content:none;}
.parrafo-grande{font-size:1.25rem;color:#dcd4c1;}
.texto-ceniza{color:var(--ceniza);}

/* ============================= separador ============================= */
.separador{
  display:flex;align-items:center;gap:22px;
  margin:0 0 30px;
}
.separador::before,.separador::after{
  content:"";flex:1;height:1px;
  background:linear-gradient(90deg, transparent, var(--linea));
}
.separador::after{background:linear-gradient(90deg, var(--linea), transparent);}
.separador img{height:38px;width:38px;opacity:.95;}
.separador span{color:var(--rojo);font-size:1.05rem;}

/* ============================= navegación ============================= */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:linear-gradient(to bottom, rgba(5,4,3,.6), transparent);
  border-bottom:1px solid transparent;
  transition:background .45s ease, border-color .45s ease, backdrop-filter .45s ease;
}
.nav.solida{
  background:rgba(5,4,3,.88);
  backdrop-filter:blur(12px);
  border-bottom-color:var(--linea);
}
.nav-int{
  max-width:var(--ancho);margin:0 auto;padding:0 28px;
  height:76px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.marca{display:flex;align-items:center;min-width:0;}
.marca-logo{height:50px;width:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7));}
.nav-enlaces{display:flex;gap:36px;align-items:center;}
.nav-enlaces a{
  font-family:var(--f-mono);font-size:.73rem;
  letter-spacing:.24em;text-transform:uppercase;
  color:var(--hueso);
  padding:6px 0;position:relative;
  text-shadow:0 1px 6px rgba(0,0,0,.8);
  transition:color .25s;
}
.nav-enlaces a::after{
  content:"";position:absolute;left:50%;bottom:0;height:1px;width:0;
  background:var(--brasa);transition:width .35s ease,left .35s ease;
}
.nav-enlaces a:hover{color:var(--brasa);}
.nav-enlaces a:hover::after,.nav-enlaces a.activo::after{width:100%;left:0;}
.nav-enlaces a.activo{color:var(--brasa);}

.btn-menu{
  display:none;background:rgba(5,4,3,.5);border:1px solid var(--linea);
  color:var(--hueso);font-family:var(--f-mono);font-size:.7rem;
  letter-spacing:.2em;padding:9px 14px;cursor:pointer;text-transform:uppercase;
}

/* ============================= botones ============================= */
.btn{
  position:relative;
  display:inline-block;
  font-family:var(--f-mono);font-size:.78rem;
  letter-spacing:.26em;text-transform:uppercase;
  padding:17px 36px;
  border:1px solid var(--brasa);
  color:var(--brasa);
  overflow:hidden;
  transition:color .35s,border-color .35s,box-shadow .35s,transform .35s;
}
.btn::before{
  content:"";position:absolute;inset:0;
  background:var(--brasa);
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s cubic-bezier(.65,0,.35,1);
  z-index:-1;
}
.btn:hover{color:var(--negro);transform:translateY(-2px);box-shadow:0 10px 30px rgba(227,146,60,.18);}
.btn:hover::before{transform:scaleX(1);}
.btn-rojo{border-color:var(--rojo);color:#f4e3e3;background:var(--rojo);}
.btn-rojo::before{background:#d4161f;}
.btn-rojo:hover{color:#fff;box-shadow:0 10px 34px rgba(181,18,27,.35);}
.btn-fantasma{border-color:rgba(236,229,211,.4);color:var(--hueso);background:rgba(5,4,3,.25);}
.btn-fantasma::before{background:var(--hueso);}
.btn-fantasma:hover{color:var(--negro);border-color:var(--hueso);box-shadow:0 10px 30px rgba(236,229,211,.12);}

/* ============================= héroe ============================= */
.heroe{
  position:relative;
  min-height:100svh;
  display:flex;align-items:flex-end;
  overflow:hidden;
}
.heroe-fondo{
  position:absolute;inset:-12% 0;
  background-size:cover;background-position:center;
  animation:zoomlento 26s ease-out forwards;
  will-change:transform;
}
@keyframes zoomlento{from{transform:scale(1.12);}to{transform:scale(1.02);}}
.heroe::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(ellipse 110% 80% at 70% 30%, transparent 40%, rgba(5,4,3,.55) 100%),
    linear-gradient(to right, rgba(5,4,3,.82) 0%, rgba(5,4,3,.35) 55%, rgba(5,4,3,.12) 100%),
    linear-gradient(to top, var(--negro) 6%, rgba(5,4,3,.6) 45%, rgba(5,4,3,.3) 100%);
}
/* barras letterbox */
.heroe::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  border-top:18px solid var(--negro);
  border-bottom:18px solid var(--negro);
}
.heroe-contenido{
  position:relative;z-index:3;
  width:100%;
  max-width:var(--ancho);margin:0 auto;
  padding:150px 28px 110px;
  text-shadow:0 2px 26px rgba(0,0,0,.9), 0 1px 5px rgba(0,0,0,.75);
}
.heroe-contenido .etiqueta{display:block;margin-bottom:20px;}
.heroe-contenido p{max-width:600px;margin:26px 0 40px;}
.heroe-acciones{display:flex;gap:18px;flex-wrap:wrap;}

/* entrada tipo título de película */
.heroe-contenido > *{opacity:0;transform:translateY(34px);animation:entrada 1.2s cubic-bezier(.16,.8,.26,1) forwards;}
.heroe-contenido > :nth-child(1){animation-delay:.25s;}
.heroe-contenido > :nth-child(2){animation-delay:.5s;}
.heroe-contenido > :nth-child(3){animation-delay:.78s;}
.heroe-contenido > :nth-child(4){animation-delay:1.05s;}
@keyframes entrada{to{opacity:1;transform:none;}}

.heroe-paginas{min-height:64svh;}

.claqueta{
  position:absolute;right:30px;bottom:34px;z-index:3;
  font-family:var(--f-mono);font-size:.62rem;
  letter-spacing:.18em;color:rgba(236,229,211,.8);
  text-align:right;text-transform:uppercase;line-height:1.95;
  text-shadow:0 1px 10px rgba(0,0,0,.95);
  opacity:0;animation:entrada 1.2s ease 1.5s forwards;
  display:none;
}
@media(min-width:900px){.claqueta{display:block;}}

/* indicador de scroll */
.scroll-cue{
  position:absolute;left:50%;bottom:30px;transform:translateX(-50%);
  width:1px;height:54px;z-index:3;overflow:hidden;
  opacity:0;animation:entrada 1s ease 1.8s forwards;
}
.scroll-cue::before{
  content:"";position:absolute;left:0;top:-54px;width:1px;height:54px;
  background:linear-gradient(to bottom, transparent, var(--brasa));
  animation:gotear 2.4s cubic-bezier(.65,0,.35,1) infinite;
}
@keyframes gotear{60%,100%{transform:translateY(108px);}}
.heroe-paginas .scroll-cue{display:none;}

/* ============================= secciones ============================= */
.seccion{padding:120px 0;position:relative;}
.seccion-carbon{
  background:linear-gradient(to bottom, var(--negro), var(--carbon) 12%, var(--carbon) 88%, var(--negro));
}
.cabecera-seccion{max-width:760px;margin-bottom:70px;}
.cabecera-seccion .etiqueta{display:block;margin-bottom:18px;}
.cabecera-seccion p{margin-top:22px;color:#cfc6b2;}

/* ============================= cifras ============================= */
.cifras{
  display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--linea);
  background:linear-gradient(to bottom, rgba(21,16,12,.5), transparent);
}
.cifra{
  padding:52px 30px;text-align:center;
  border-right:1px solid var(--linea);
  position:relative;
}
.cifra::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:44px;height:2px;background:linear-gradient(90deg, var(--rojo), var(--brasa));
}
.cifra:last-child{border-right:none;}
.cifra strong{
  display:block;
  font-family:var(--f-display);
  font-size:clamp(2rem,4vw,3.2rem);
  font-weight:700;
  background:linear-gradient(100deg, #f0a54e 5%, #f7d9a0 50%, #e3923c 95%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  letter-spacing:.03em;
  font-variant-numeric:tabular-nums;
}
.cifra span{
  font-family:var(--f-mono);font-size:.68rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--ceniza);
}

/* ============================= placas (fotogramas) ============================= */
.placa{
  position:relative;
  background:var(--carbon);
  overflow:hidden;
  box-shadow:0 24px 60px -28px rgba(0,0,0,.9);
}
.placa img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(.94) contrast(1.03);
  transition:transform 1.1s cubic-bezier(.16,.8,.26,1), filter 1.1s ease;
}
.placa:hover img{transform:scale(1.06);filter:saturate(1.08) contrast(1.05);}
/* marco interior de archivo */
.placa::after{
  content:"";position:absolute;inset:12px;
  border:1px solid rgba(236,229,211,.22);
  pointer-events:none;
  transition:border-color .6s ease, inset .6s ease;
  z-index:2;
}
.placa:hover::after{border-color:rgba(227,146,60,.55);}
.placa-pie{
  position:absolute;left:0;right:0;bottom:0;z-index:1;
  display:flex;justify-content:space-between;gap:14px;
  padding:42px 26px 22px;
  background:linear-gradient(to top, rgba(5,4,3,.92), rgba(5,4,3,.4) 60%, transparent);
  font-family:var(--f-mono);font-size:.62rem;
  letter-spacing:.2em;text-transform:uppercase;color:rgba(236,229,211,.66);
}
.placa-pie b{color:var(--hueso);font-weight:400;text-shadow:0 1px 6px rgba(0,0,0,.8);}

/* ============================= rejillas ============================= */
.rejilla-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.rejilla-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}

.doc-tarjeta{display:flex;flex-direction:column;}
.doc-tarjeta .placa{aspect-ratio:16/10;}
.doc-cuerpo{padding:28px 4px 0;}
.doc-cuerpo h3{font-size:1.28rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;}
.doc-cuerpo .etiqueta{font-size:.62rem;display:block;margin-bottom:12px;color:var(--rojo);}
.doc-cuerpo p{font-size:1rem;color:#c9c0ab;}

/* ============================= franja ============================= */
.franja{
  display:grid;grid-template-columns:1.05fr .95fr;gap:74px;align-items:center;
}
.franja.invertida{grid-template-columns:.95fr 1.05fr;}
.franja .placa{aspect-ratio:4/3;}

/* ============================= proceso ============================= */
.proceso{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--linea);}
.paso{
  padding:50px 46px;
  border-right:1px solid var(--linea);
  border-bottom:1px solid var(--linea);
  position:relative;
  transition:background .5s ease;
}
.paso:hover{background:rgba(227,146,60,.04);}
.paso:nth-child(2n){border-right:none;}
.paso:nth-child(n+3){border-bottom:none;}
.paso .num{
  font-family:var(--f-mono);font-size:.7rem;letter-spacing:.3em;
  color:var(--rojo);display:block;margin-bottom:20px;
}
.paso h3{font-size:1.14rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;}
.paso p{font-size:1rem;color:#c9c0ab;}

/* ============================= cita ============================= */
.cita{
  max-width:880px;margin:0 auto;text-align:center;position:relative;
  padding:0 20px;
}
.cita::before{
  content:"«";
  position:absolute;top:-70px;left:50%;transform:translateX(-50%);
  font-family:var(--f-display);font-size:9rem;line-height:1;
  color:rgba(227,146,60,.14);
  pointer-events:none;
}
.cita blockquote{
  font-size:clamp(1.45rem,3.1vw,2.1rem);
  line-height:1.5;font-style:italic;color:#e2d9c4;
}
.cita figcaption{
  margin-top:30px;font-family:var(--f-mono);font-size:.68rem;
  letter-spacing:.3em;text-transform:uppercase;color:var(--ceniza);
}

/* ============================= CTA final ============================= */
.cta-final{
  position:relative;text-align:center;padding:150px 28px;overflow:hidden;
}
.cta-fondo{
  position:absolute;inset:-12% 0;background-size:cover;background-position:center;
  will-change:transform;
  z-index:0;
}
.cta-final::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at center, rgba(5,4,3,.84) 35%, rgba(5,4,3,.97) 100%);
  z-index:1;
}
.cta-final::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  border-top:18px solid var(--negro);
  border-bottom:18px solid var(--negro);
  z-index:3;
}
.cta-int{position:relative;z-index:2;max-width:760px;margin:0 auto;
  text-shadow:0 2px 22px rgba(0,0,0,.9);}
.cta-int .titular{margin-bottom:24px;}
.cta-int p{margin-bottom:44px;color:#d8cfba;}

/* ============================= contacto ============================= */
.contacto-rejilla{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.bloque-contacto{
  border:1px solid var(--linea);padding:50px 44px;
  background:linear-gradient(160deg, var(--carbon-2), var(--carbon));
  position:relative;
}
.bloque-contacto::before{
  content:"";position:absolute;top:0;left:44px;width:54px;height:2px;
  background:linear-gradient(90deg, var(--rojo), var(--brasa));
}
.bloque-contacto h3{font-size:1.12rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px;}
.bloque-contacto p{font-size:1.02rem;color:#c9c0ab;margin-bottom:26px;}
.correo-grande{
  display:inline-block;
  font-family:var(--f-mono);font-size:clamp(.85rem,2vw,1.05rem);
  letter-spacing:.08em;color:var(--brasa);
  border-bottom:1px solid var(--brasa);padding-bottom:4px;
  transition:color .25s,border-color .25s;
  word-break:break-all;
}
.correo-grande:hover{color:var(--hueso);border-color:var(--hueso);}

.lista-redes{display:flex;flex-direction:column;}
.lista-redes a{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:20px 4px;
  border-bottom:1px solid var(--linea);
  font-family:var(--f-mono);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  transition:color .25s,padding-left .3s;
}
.lista-redes a:first-child{border-top:1px solid var(--linea);}
.lista-redes a span{color:var(--ceniza);font-size:.66rem;letter-spacing:.12em;text-transform:none;}
.lista-redes a:hover{color:var(--brasa);padding-left:14px;}

/* ============================= pie ============================= */
.pie{
  border-top:1px solid var(--linea);
  padding:70px 0 42px;
  background:linear-gradient(to bottom, var(--negro), var(--carbon));
}
.pie-int{
  max-width:var(--ancho);margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;
}
.marca-pie{gap:18px;align-items:center;}
.pie-icono{height:60px;width:60px;object-fit:cover;flex:none;}
.marca-texto{
  font-family:var(--f-display);
  font-size:1rem;letter-spacing:.18em;text-transform:uppercase;
  line-height:1.3;
}
.marca-texto small{
  display:block;font-family:var(--f-mono);font-size:.56rem;
  letter-spacing:.46em;color:var(--ceniza);margin-top:4px;
}
.pie p{font-size:.95rem;color:var(--ceniza);margin-top:20px;max-width:340px;}
.pie h4{
  font-family:var(--f-mono);font-size:.68rem;letter-spacing:.32em;
  text-transform:uppercase;color:var(--brasa);margin-bottom:20px;font-weight:400;
}
.pie ul li{margin-bottom:12px;}
.pie ul a{font-size:.98rem;color:#c9c0ab;transition:color .25s;}
.pie ul a:hover{color:var(--brasa);}
.pie-legal{
  max-width:var(--ancho);margin:56px auto 0;padding:26px 28px 0;
  border-top:1px solid var(--linea);
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ceniza);
}
.pie-legal a{color:var(--ceniza);transition:color .25s;}
.pie-legal a:hover{color:var(--brasa);}

/* ============================= revelado ============================= */
.revelar{opacity:0;transform:translateY(34px);transition:opacity 1s cubic-bezier(.16,.8,.26,1),transform 1s cubic-bezier(.16,.8,.26,1);}
.revelar.visible{opacity:1;transform:none;}

/* ============================= páginas legales ============================= */
.legal{max-width:820px;margin:0 auto;padding:160px 28px 110px;}
.legal h1{
  font-size:clamp(1.8rem,4vw,2.6rem);
  letter-spacing:.06em;text-transform:uppercase;
  margin-bottom:14px;
}
.legal .etiqueta{display:block;margin-bottom:18px;}
.legal-fecha{
  font-family:var(--f-mono);font-size:.66rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--ceniza);
  display:block;margin-bottom:54px;
}
.legal h2{
  font-size:1.15rem;letter-spacing:.08em;text-transform:uppercase;
  margin:54px 0 18px;padding-top:34px;
  border-top:1px solid var(--linea);
}
.legal p,.legal li{font-size:1.05rem;color:#cfc6b2;margin-bottom:16px;}
.legal ul{list-style:none;padding-left:0;}
.legal li{padding-left:26px;position:relative;}
.legal li::before{
  content:"✠";position:absolute;left:0;top:2px;
  color:var(--rojo);font-size:.8rem;
}
.legal a{color:var(--brasa);border-bottom:1px solid rgba(227,146,60,.4);transition:border-color .25s;}
.legal a:hover{border-bottom-color:var(--brasa);}
.legal strong{color:var(--hueso);font-weight:500;}

.pie-legal a{transition:color .25s;}
.pie-legal a:hover{color:var(--brasa);}

@media (prefers-reduced-motion:reduce){
  .revelar{opacity:1;transform:none;transition:none;}
  .heroe-fondo,.cta-fondo{animation:none !important;transform:none !important;}
  .heroe-contenido > *,.claqueta,.scroll-cue{opacity:1;transform:none;animation:none;}
  body::after{animation:none;}
  html{scroll-behavior:auto;}
}

/* ============================= responsive ============================= */
@media(max-width:980px){
  .rejilla-3{grid-template-columns:1fr 1fr;}
  .franja,.franja.invertida{grid-template-columns:1fr;gap:42px;}
  .pie-int{grid-template-columns:1fr 1fr;}
  .contacto-rejilla{grid-template-columns:1fr;}
}
@media(max-width:760px){
  body{font-size:17px;}
  .nav-enlaces{
    position:fixed;top:76px;right:0;left:0;
    background:rgba(5,4,3,.97);
    flex-direction:column;gap:0;align-items:stretch;
    border-bottom:1px solid var(--linea);
    display:none;
  }
  .nav-enlaces.abierto{display:flex;}
  .nav-enlaces a{padding:18px 28px;border-top:1px solid var(--linea);}
  .btn-menu{display:block;}
  .marca-logo{height:42px;}
  .rejilla-3,.rejilla-2{grid-template-columns:1fr;}
  .cifras{grid-template-columns:1fr;}
  .cifra{border-right:none;border-bottom:1px solid var(--linea);}
  .cifra:last-child{border-bottom:none;}
  .proceso{grid-template-columns:1fr;}
  .paso{border-right:none !important;border-bottom:1px solid var(--linea) !important;}
  .paso:last-child{border-bottom:none !important;}
  .pie-int{grid-template-columns:1fr;}
  .seccion{padding:84px 0;}
  .cita::before{top:-50px;font-size:6rem;}
}