/* BALOR · hoja de estilo del sitio ─────────────────────────────────── */

@font-face{font-family:'EB Garamond';font-style:normal;font-weight:100 900;font-display:swap;
  unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
  src:url(fonts/ebg-greek.woff2) format('woff2');}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  src:url(fonts/ebg-latin.woff2) format('woff2');}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  src:url(fonts/ebg-italic-latin.woff2) format('woff2');}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
  src:url(fonts/inter-latin.woff2) format('woff2');}

:root,:root[data-theme="dark"],:root[data-theme="light"]{
  /* La paleta alterna marfil y azul noche por diseño: el sitio mantiene su
     mundo visual con independencia del tema del navegador. */
  --marfil:#F2EFE8;--tinta:#1B1D1C;--noche:#141C26;--noche-2:#1B2430;
  --laton:#9A7B44;--laton-luz:#C0A167;--piedra:#D6D1C6;--gris:#7C776E;
  --bruma:#E8EEF3;--celeste:#3E6B8E;--celeste-m:#7FA6C4;--celeste-luz:#9CBBD3;
  --gris-noche:#8E9AA6;--texto-noche:#B8BFC7;
  --serif:"EB Garamond",Palatino,"Times New Roman",serif;
  --sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"SF Mono",ui-monospace,Menlo,monospace;
  --gutter:clamp(1.25rem,5vw,5rem);--maxw:1240px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--marfil);color:var(--tinta);font-family:var(--sans);
  font-size:clamp(1rem,.97rem + .18vw,1.0625rem);line-height:1.62;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;height:auto;}

/* ── barra ── */
.bar{position:fixed;inset:0 0 auto 0;z-index:60;display:flex;align-items:center;
  justify-content:space-between;gap:1.5rem;padding:.8rem var(--gutter);
  background:rgba(20,28,38,.92);backdrop-filter:blur(10px);}
.bar-mark{display:flex;align-items:baseline;gap:.7rem;color:var(--marfil);text-decoration:none;flex:0 0 auto;}
.bar-mark .b{font-family:var(--serif);font-size:1.45rem;line-height:1;color:var(--laton-luz);}
.bar-mark .w{font-family:var(--serif);font-size:.9rem;letter-spacing:.3em;text-indent:.3em;}
.bar-links{display:flex;gap:1.6rem;flex-wrap:wrap;}
.bar-links a{color:var(--texto-noche);text-decoration:none;font-size:.78rem;
  letter-spacing:.06em;transition:color .25s;}
.bar-links a:hover,.bar-links a[aria-current="page"]{color:var(--laton-luz);}
.bar-right{display:flex;align-items:center;gap:1.2rem;flex:0 0 auto;}
.lang{color:var(--texto-noche);text-decoration:none;font-size:.7rem;letter-spacing:.16em;
  font-weight:600;border:1px solid rgba(242,239,232,.28);padding:.28rem .5rem;transition:.25s;}
.lang:hover{color:var(--noche);background:var(--laton-luz);border-color:var(--laton-luz);}
.bar-cta{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:var(--marfil);text-decoration:none;padding:.4rem 0;border-bottom:1px solid var(--laton-luz);}
.bar-cta:hover{color:var(--laton-luz);}
a:focus-visible{outline:2px solid var(--laton-luz);outline-offset:4px;}
.progreso{position:fixed;top:0;left:0;height:2px;background:var(--laton-luz);z-index:61;width:0;}

/* ── estructura ── */
section{position:relative;padding:clamp(4rem,9vw,8rem) 0;}
section:first-of-type:not(.hero){padding-top:clamp(7rem,12vw,11rem);}
section.bruma{background:var(--bruma);}
section.bruma .rule{background:var(--celeste-m);}
section.bruma .num{color:var(--celeste-m);}
section.bruma .filas li{border-color:var(--celeste-m);}
section.noche{background:var(--noche);color:var(--marfil);}
section.noche .lede,section.noche p{color:var(--texto-noche);}
section.noche .rule{background:rgba(242,239,232,.18);}
section.noche .eyebrow,section.noche .laton{color:var(--laton-luz);}
section.noche .num{color:rgba(242,239,232,.32);}
section.noche .muted,section.noche .filas span,section.noche .cap p{color:var(--gris-noche);}
section.noche .filas li{border-color:rgba(242,239,232,.18);}
section.noche .cap .n{color:var(--laton-luz);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter);}
.grid{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:0 clamp(1.5rem,4vw,4rem);}
.rail{position:sticky;top:5.2rem;align-self:start;}
.eyebrow{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--laton);display:block;}
.num{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--gris);display:block;margin-bottom:.5rem;}
.rule{height:1px;background:var(--piedra);width:100%;}
.muted{color:var(--gris);} .laton{color:var(--laton);}
h1,h2,h3{margin:0;font-weight:400;font-family:var(--serif);text-wrap:balance;}
h1.titulo,h2{font-size:clamp(2rem,1.2rem + 3.2vw,3.5rem);line-height:1.06;letter-spacing:-.015em;}
h3{font-size:clamp(1.25rem,1.1rem + .85vw,1.7rem);line-height:1.15;}
p{margin:0 0 1.1rem;max-width:64ch;} p:last-child{margin-bottom:0;}
.lede{font-size:clamp(1.05rem,1rem + .35vw,1.2rem);line-height:1.62;color:var(--gris);}
/* ── llamada a la acción: en la web no hay ponente que la haga ── */
.boton{display:inline-block;background:var(--celeste);color:var(--marfil);text-decoration:none;
  padding:.85rem 1.7rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
  font-weight:600;transition:background .25s,color .25s;}
.boton:hover{background:var(--tinta);color:var(--marfil);}
.cta{display:flex;flex-wrap:wrap;gap:.9rem 1.6rem;align-items:center;margin-top:2.4rem;}
.cta .nota{font-size:.9rem;color:var(--gris);}
section.noche .boton{background:var(--laton-luz);color:var(--noche);}
section.noche .boton:hover{background:var(--marfil);color:var(--noche);}
section.noche .cta .nota{color:var(--gris-noche);}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem 1.6rem;align-items:center;margin-top:2.2rem;
  animation:sube 1s cubic-bezier(.16,.84,.28,1) 2.2s both;}
.hero-cta .boton{background:var(--laton-luz);color:var(--noche);}
.hero-cta .boton:hover{background:var(--marfil);}
.hero-cta .nota{font-size:.85rem;color:var(--gris-noche);}

/* ── tres momentos / expectativa ── */
.espera{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.2rem,3vw,2.4rem);margin:2.4rem 0 .6rem;}
.espera div{border-top:1px solid var(--celeste-m);padding-top:.9rem;}
.espera b{display:block;font-family:var(--serif);font-weight:400;font-size:1.2rem;margin-bottom:.35rem;}
.espera span{font-size:.9rem;color:var(--gris);}
section.noche .espera div{border-color:rgba(242,239,232,.2);}
section.noche .espera span{color:var(--gris-noche);}

/* ── preguntas frecuentes ── */
.faq{margin-top:2.2rem;border-top:1px solid var(--piedra);}
.faq details{border-bottom:1px solid var(--piedra);}
.faq summary{cursor:pointer;list-style:none;padding:1.05rem 2.2rem 1.05rem 0;position:relative;
  font-size:1rem;font-weight:500;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";position:absolute;right:.3rem;top:.92rem;
  color:var(--celeste);font-size:1.25rem;line-height:1;}
.faq details[open] summary::after{content:"−";}
.faq p{margin:0 0 1.2rem;color:var(--gris);font-size:.95rem;max-width:72ch;}

.cita{font-family:var(--serif);font-style:italic;line-height:1.35;
  font-size:clamp(1.1rem,1rem + .8vw,1.45rem);color:var(--laton);}
section.noche .cita{color:var(--laton-luz);}
.caso .sector{margin:0;font-size:.8rem;letter-spacing:.01em;}
.mas{margin-top:2.2rem;}
.mas a{color:var(--laton);text-decoration:none;border-bottom:1px solid currentColor;
  padding-bottom:.15rem;font-size:.95rem;letter-spacing:.02em;}
section.noche .mas a{color:var(--laton-luz);}

/* ── portada ── */
.hero{min-height:100svh;background:var(--noche);color:var(--marfil);display:flex;
  flex-direction:column;justify-content:center;padding:7rem 0 3.5rem;overflow:hidden;position:relative;}
/* la β del logotipo se escribe sola, luego viaja a su sitio y se queda de filigrana */
.hero-beta{--py:0px;  /* lo actualiza el scroll */
  position:absolute;right:-6vw;top:50%;height:min(104vh,86vw);aspect-ratio:414/990;
  pointer-events:none;user-select:none;z-index:1;
  transform:translateY(calc(-50% + var(--py,0px)));will-change:transform;}
.hero-beta svg{width:100%;height:100%;display:block;overflow:visible;}
.beta-mov{width:100%;height:100%;transform-origin:60% 50%;
  animation:beta-viaje 1.5s cubic-bezier(.65,0,.2,1) 1.35s both;}
.beta-relleno{fill:var(--laton);opacity:0;animation:beta-llena 1.1s ease-out 1.15s both;}
.beta-trazo{fill:none;stroke:var(--laton-luz);stroke-width:5;
  stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;
  animation:beta-escribe 1.7s cubic-bezier(.55,.05,.25,1) .15s forwards,
            beta-borra .8s ease-out 1.75s forwards;}
@keyframes beta-escribe{to{stroke-dashoffset:0}}
@keyframes beta-borra{to{opacity:0}}
@keyframes beta-llena{from{opacity:0}to{opacity:1}}
@keyframes beta-viaje{
  from{transform:translateX(-34vw) scale(.52);opacity:1}
  to{transform:translateX(0) scale(1);opacity:.26}}

.hero .wrap{position:relative;z-index:2;}
.hero-word{font-family:var(--serif);font-size:clamp(2.6rem,1rem + 10.4vw,10rem);
  letter-spacing:.24em;text-indent:.24em;line-height:1;margin:0 0 1.2rem;
  perspective:900px;white-space:nowrap;}
/* El interletraje también cuenta detrás de la R: esa última «columna» de aire
   hacía que la palabra midiera más que el ancho disponible y se partiera en dos
   líneas en el móvil. Se descuenta, y con nowrap ya no puede volver a partirse. */
.hero-word span:last-child{margin-right:-.24em;}
.hero-word span{--i:0;  /* índice de letra, lo fija el HTML */
  display:inline-block;
  animation:letra-sube 1s cubic-bezier(.16,.84,.28,1) both;
  animation-delay:calc(1.55s + var(--i) * .085s);}
@keyframes letra-sube{
  from{opacity:0;transform:translateY(.5em) rotateX(-55deg);filter:blur(8px)}
  to{opacity:1;transform:none;filter:blur(0)}}
.hero-claim{font-family:var(--serif);font-style:italic;font-size:clamp(1.25rem,1rem + 1.6vw,2.1rem);
  line-height:1.35;max-width:22ch;margin:0;color:var(--marfil);
  animation:sube 1s cubic-bezier(.16,.84,.28,1) 2.05s both;}
.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;
  margin-top:clamp(2.5rem,7vh,5rem);padding-top:1.1rem;border-top:1px solid rgba(242,239,232,.18);
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gris-noche);
  animation:sube 1s cubic-bezier(.16,.84,.28,1) 2.35s both;}
@keyframes sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.scrollcue{display:flex;align-items:center;gap:.6rem;color:var(--laton-luz);}
.scrollcue i{display:block;width:1px;height:26px;background:currentColor;
  animation:cue 2.4s ease-in-out infinite;transform-origin:top;}
@keyframes cue{0%,100%{transform:scaleY(.3);opacity:.4}50%{transform:scaleY(1);opacity:1}}

/* ── piezas ── */
.filas{list-style:none;margin:2.4rem 0 0;padding:0;}
.filas li{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);
  gap:.3rem clamp(1rem,3vw,2.5rem);padding:1.1rem 0;border-top:1px solid var(--piedra);}
.filas b{font-weight:600;} .filas span{color:var(--gris);}
.filas a{color:var(--laton);text-decoration:none;border-bottom:1px solid currentColor;}
.filas a:hover{color:var(--tinta);}
section.noche .filas a{color:var(--laton-luz);}
.cols{display:grid;gap:clamp(1.5rem,3vw,2.6rem);margin-top:2.5rem;}
.c3{grid-template-columns:repeat(3,minmax(0,1fr));}
.c5{grid-template-columns:repeat(5,minmax(0,1fr));}
.cap .n{font-family:var(--serif);font-size:2.3rem;line-height:1;color:var(--celeste);
  display:block;margin:.85rem 0 .5rem;}
.cap h3{margin-bottom:.45rem;}
/* «Transformación» era más ancha que su columna. Se resuelve bajando el cuerpo
   en la rejilla de cinco, no con guiones: partir un titular («Excelen-cia») queda
   feo. break-word queda solo como válvula, y no mete guion. */
.cap h3,.caso h3,.filas b{overflow-wrap:break-word;hyphens:manual;}
.c5 .cap h3{font-size:clamp(1.15rem,1rem + .5vw,1.45rem);}
.cap p{font-size:.93rem;color:var(--gris);}

/* ── el nombre: β y V a la vista, sin cruce de opacidades ── */
.nombre{display:flex;align-items:baseline;flex-wrap:wrap;
  gap:clamp(.8rem,3vw,2.4rem);margin:2.6rem 0 0;font-family:var(--serif);
  font-size:clamp(2.1rem,1rem + 5.5vw,4.4rem);line-height:1.12;letter-spacing:.05em;}
.nombre .flecha{color:var(--celeste-m);font-size:.62em;line-height:1;}
.nombre.dom{margin-top:.9rem;font-size:clamp(1.1rem,1rem + 1.2vw,1.75rem);
  letter-spacing:.02em;color:var(--gris);}
.nombre.dom .par{color:var(--tinta);}
.nombre + p,.nombre.dom + p{margin-top:1.8rem;}
section.noche .nombre.dom{color:var(--gris-noche);}
section.noche .nombre.dom .par{color:var(--marfil);}

/* ── casos ── */
.casos{display:grid;gap:clamp(1.4rem,2.5vw,2rem);margin-top:2.6rem;
  grid-template-columns:repeat(2,minmax(0,1fr));}
.casos-largos{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,3.5rem);}
.caso{border-top:1px solid var(--celeste-m);padding-top:1.3rem;
  display:flex;flex-direction:column;gap:.7rem;}
.caso .tags{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--celeste);}
.caso h3{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);}
.caso p{font-size:.92rem;color:var(--gris);margin:0;}
.caso .nombre{font-family:var(--serif);font-size:clamp(1.4rem,1rem + 1.1vw,1.9rem);
  line-height:1.1;color:var(--celeste);display:block;}
.acciones{list-style:none;margin:.2rem 0 0;padding:0;}
.acciones li{position:relative;padding-left:1rem;margin-bottom:.5rem;font-size:.9rem;color:var(--gris);}
.acciones li::before{content:"";position:absolute;left:0;top:.62em;width:5px;height:1px;background:var(--celeste-m);}
section.noche .caso{border-color:rgba(242,239,232,.2);}
section.noche .caso .tags{color:var(--laton-luz);}
section.noche .caso p,section.noche .acciones li{color:var(--gris-noche);}
section.noche .acciones li::before{background:var(--laton-luz);}

/* antes → después: el arco del caso, dentro de la propia ficha */
.arco{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:.2rem 0 .2rem;}
.arco>div{border-top:1px solid var(--piedra);padding-top:.7rem;}
.arco .et{display:block;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  font-weight:600;color:var(--gris);margin-bottom:.35rem;}
.arco .despues{border-color:var(--celeste-m);}
.arco .despues .et{color:var(--celeste);}
.arco p{font-size:.9rem;}
.arco .despues p{color:var(--tinta);}
section.noche .arco>div{border-color:rgba(242,239,232,.2);}
section.noche .arco .despues p{color:var(--marfil);}
.metricas{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:.4rem;}
/* en la rejilla de dos columnas, las cifras se alinean al pie de cada fila */
.casos-largos .metricas{margin-top:auto;padding-top:.9rem;}
.metricas div{display:flex;flex-direction:column;}
.metricas b{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:1.1;color:var(--celeste);}
.metricas span{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gris);}
section.noche .metricas b{color:var(--marfil);}
section.noche .metricas span{color:var(--gris-noche);}

/* ── métricas grandes ── */
.big2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3rem);margin:2rem 0 2.2rem;}
.big2 b{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,1rem + 5vw,4.2rem);line-height:1;display:block;}
.big2 span{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--celeste);margin-top:.7rem;display:block;}
/* la alternativa al modelo de honorarios */
.alt{margin-top:2.6rem;border-top:1px solid var(--celeste-m);padding-top:1.4rem;}
.alt>.et{display:block;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;
  font-weight:600;color:var(--celeste);margin-bottom:1rem;}
.alt li{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);
  gap:.3rem clamp(1rem,3vw,2.5rem);padding:.9rem 0;border-top:1px solid var(--piedra);}
.alt ul{list-style:none;margin:0;padding:0;}
.alt b{font-weight:600;} .alt span{color:var(--gris);font-size:.95rem;}
section.noche .alt li{border-color:rgba(242,239,232,.18);}
section.noche .big2 span{color:var(--laton-luz);}

/* ── fundador ── */
.fundador{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
  gap:clamp(1.8rem,4vw,3.5rem);align-items:start;}
.retrato{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 15%;
  background:var(--piedra);display:block;}
/* en pantalla ancha la foto acompaña al texto en toda su altura, en vez de
   quedarse como un sello flotante con media columna vacía debajo */
@media (min-width:901px){
  .fundador{align-items:stretch;}
  /* acompaña al texto, pero con tope: si la columna crece mucho la foto se
     convertiría en una tira y el recorte se comería al sujeto */
  .retrato{height:100%;aspect-ratio:auto;min-height:26rem;max-height:44rem;}
}
.cred{list-style:none;margin:1.6rem 0 0;padding:0;}
.cred li{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:.2rem 1.2rem;
  padding:1rem 0;border-top:1px solid var(--piedra);}
.cred .yr{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--celeste);padding-top:.2rem;}
.cred b{display:block;font-weight:600;font-size:.95rem;color:var(--tinta);}
.cred span{font-size:.9rem;color:var(--gris);}
section.noche .cred li{border-color:rgba(242,239,232,.18);}
section.noche .cred .yr{color:var(--laton-luz);}
section.noche .cred b{color:var(--marfil);}
section.noche .cred span{color:var(--gris-noche);}

/* ── cierre ── */
.mailto{display:inline-block;margin-top:1.6rem;font-family:var(--serif);
  font-size:clamp(1.4rem,1rem + 2vw,2.3rem);color:inherit;text-decoration:none;
  border-bottom:1px solid var(--laton);padding-bottom:.15rem;transition:color .3s;}
section.noche .mailto{border-color:var(--laton-luz);}
.mailto:hover{color:var(--laton);} section.noche .mailto:hover{color:var(--laton-luz);}
footer{background:var(--noche);color:var(--gris-noche);padding:2.4rem 0 3rem;
  border-top:1px solid rgba(242,239,232,.14);}
.foot-in{display:flex;flex-direction:column;gap:1.4rem;}
.foot-nav{display:flex;gap:1.6rem;flex-wrap:wrap;}
.foot-nav a{color:var(--texto-noche);text-decoration:none;font-size:.85rem;}
.foot-nav a:hover{color:var(--laton-luz);}
.foot-social{display:flex;gap:1.6rem;flex-wrap:wrap;}
.foot-legales a{font-size:.78rem;color:var(--gris-noche);}
.foot-legales a:hover{color:var(--laton-luz);}
/* hueco legal sin rellenar: tiene que doler a la vista */
.pendiente{background:#FFE9A8;color:#7A5B00;padding:.1rem .45rem;border-radius:2px;
  font-weight:600;font-size:.9em;}
/* enlace a LinkedIn, con el glifo «in» dibujado en CSS para no cargar iconos externos */
.li{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;
  color:var(--gris-noche);font-size:.78rem;letter-spacing:.06em;transition:color .3s ease;}
.li::before{content:"in";display:inline-grid;place-items:center;width:1.1rem;height:1.1rem;
  font-family:var(--sans);font-size:.6rem;font-weight:600;line-height:1;letter-spacing:0;
  border:1px solid currentColor;border-radius:2px;padding-bottom:.05rem;}
.li:hover{color:var(--laton-luz);}
.li-fuerte{font-size:.85rem;color:var(--laton);}
section.noche .li-fuerte{color:var(--laton-luz);}
.li-fuerte:hover{color:var(--tinta);} section.noche .li-fuerte:hover{color:var(--marfil);}
.foot-legal{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;
  font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  border-top:1px solid rgba(242,239,232,.14);padding-top:1.2rem;}

/* ── revelado ── */
.rv{opacity:0;transform:translateY(18px);
  transition:opacity .9s cubic-bezier(.2,.7,.3,1),transform .9s cubic-bezier(.2,.7,.3,1);}
.rv.in{opacity:1;transform:none;}
.rv.d1{transition-delay:.09s}.rv.d2{transition-delay:.18s}.rv.d3{transition-delay:.27s}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .rv{opacity:1;transform:none;transition:none;}
  .scrollcue i{animation:none;}
  .beta-mov,.hero-word span,.hero-claim,.hero-foot{animation:none;}
  .beta-relleno{animation:none;opacity:1;}
  .beta-trazo{animation:none;opacity:0;}
  .hero-beta{opacity:.26;}
}
@media (max-width:1100px){
  .bar-links{display:none;}
}
@media (max-width:900px){
  .grid{grid-template-columns:1fr;gap:1.4rem;}
  .rail{position:static;}
  .c5,.c3,.casos,.casos-largos,.big2,.fundador,.arco,.espera{grid-template-columns:1fr;}
  .filas li,.cred li,.alt li{grid-template-columns:1fr;}
  .hero-beta{right:-22vw;height:min(78vh,120vw);}
  @keyframes beta-viaje{
    from{transform:translateX(-16vw) scale(.55);opacity:1}
    to{transform:translateX(0) scale(1);opacity:.16}}
  .beta-trazo{stroke-width:8;}
}
@media (min-width:901px) and (max-width:1150px){
  .c5{grid-template-columns:repeat(3,minmax(0,1fr));}
}