/* ══════════════════════════════════════════════════════════════
   WIOTECH — landing
   Réplica del Figma "WIOTECH (Rev 10/08)" · frame HOME (1920 × 6513)

   ⚠️  ESTE ES EL FICHERO FUENTE. Está escrito en px del diseño (base 1920).
       No se sirve tal cual: se compila a assets/css/style.css (px → rem)
       con  `python3 build.py`.  Editar aquí, nunca en el compilado.
   ══════════════════════════════════════════════════════════════ */

/* ── tokens ─────────────────────────────────────────────────── */
:root{
  --gray:#6D6E70;
  --dark:#0C0C0C;
  --turquoise:#8DC3B2;
  --cake:#ECED9F;
  --violet:#C25CDF;
  --white:#fff;

  /* Brand Colors / Horizontal Gradient */
  --grad-h:linear-gradient(90deg,#C25CDF 12.2%,#6CBDA3 57%,#FFF13A 100%);
  /* Brand Colors / Diagonal Gradient (orbe "view more") */
  --grad-d:linear-gradient(131.887deg,#C25CDF 16.017%,#6CBDA3 47.521%,#FFF13A 79.025%);
  /* gradiente del titular de Technology */
  --grad-t:linear-gradient(153.75deg,#C25CDF 31.913%,#6CBDA3 56.331%,#FFF13A 86.383%);

  --mont:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif;
  --helv:"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ── escalado ────────────────────────────────────────────────
   El diseño es un lienzo fijo de 1920 px. Todo el CSS compilado
   va en rem, y aquí se define cuánto vale 1 rem: en ≥1280 px el
   root escala con el viewport, así que la página es exactamente
   el Figma reducido/ampliado. Por encima de 1920 se congela.   */
html{font-size:16px;-webkit-text-size-adjust:100%}
@media (min-width:1280px){ html{font-size:calc(100vw / 120)} }
@media (min-width:1920px){ html{font-size:16px} }

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--white);
  color:var(--gray);
  font-family:var(--mont);
  /* clip y no hidden: hidden convierte el body en contenedor de scroll y en
     Chromium el nav sticky rompe el pintado (pantalla en blanco al scrollear,
     visto 2-sep); clip recorta sin crear scroller. hidden queda de fallback */
  overflow-x:hidden;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
@media (min-width:1920px){ body{max-width:120rem;margin-inline:auto} }
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2{margin:0;font-weight:200}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ── recorte tipográfico ─────────────────────────────────────
   Figma usa text-box-trim (cap ↔ alphabetic). Se emula con
   márgenes negativos calculados con las métricas de Montserrat
   (asc .968 / desc .251 / cap .700) para que las cajas midan lo
   mismo que en el diseño y los gaps caigan donde tocan.        */
.t12{line-height:1.2;margin-top:-.2585em;margin-bottom:-.2415em}
.t14{line-height:1.4;margin-top:-.3585em;margin-bottom:-.3415em}
/* Helvetica: la caja se reduce a la altura de mayúscula */
.hcap{line-height:.717}

/* Petición del cliente (Inves, 22-ago): textos justificados en la medida
   de lo posible. Se aplica a los bloques de párrafo multilínea; los chips,
   rótulos y celdas cortas quedan como estaban. */
.hero__lead,.about__col,.about__col p,.tcard__p,.products__note,
.mvband__txt,.fac__sub,.rd__sub,.evi__sub,.why__sub,.umb__lead,
.distrib__lead,.apply__sub,.stepform__sub,.sheet__desc,.statcard__d,
.ptext p,.pv-col p,.ustep__d,.cardover__txt,.hero__lead--about,
.hero__lead--tech{text-align:justify}

/* ── piezas comunes ─────────────────────────────────────────── */
/* la altura se fija a la caja del Figma (altura de mayúscula) */
.eyebrow{display:flex;align-items:center;gap:1.14138rem;height:0.875rem}
.eyebrow__mark{width:3.40869rem;height:0.44156rem;flex:none}
.eyebrow__txt{
  font-family:var(--helv);font-weight:300;font-size:1.25rem;
  letter-spacing:0.125rem;text-transform:uppercase;color:var(--gray);
  line-height:.717;
}
.eyebrow__txt--hero{font-size:1.14138rem;letter-spacing:0.11414rem}
.eyebrow__txt--light{color:var(--white)}
.eyebrow__txt--dark{color:var(--dark)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:2.875rem;padding:0 2rem;border-radius:18.75rem;white-space:nowrap;
  font-family:var(--helv);font-size:1.25rem;letter-spacing:0.125rem;text-transform:uppercase;
  transition:filter .2s ease,background-color .2s ease,color .2s ease;
}
.btn--turquoise{background:var(--turquoise);color:var(--white);font-weight:700}
.btn--turquoise:hover{filter:brightness(1.07)}
.btn--white{background:var(--white);color:var(--dark);font-weight:300}
.btn--white:hover{background:var(--cake)}

.tag{
  display:inline-flex;align-items:center;height:1.875rem;padding:0 1rem;
  border:0.0625rem solid var(--gray);border-radius:18.75rem;white-space:nowrap;
  font-family:var(--helv);font-weight:300;font-size:0.875rem;
  letter-spacing:0.175rem;text-transform:uppercase;color:var(--gray);
}
.tag--violet{border-color:var(--violet)}
.tags{display:flex;align-items:center;gap:1.5rem}
.tags--right{justify-content:flex-end}

/* Los chips llevan el degradado en movimiento (corrección del diseñador,
   vídeo 15-ago). El patrón se repite al 200% para que el bucle sea continuo;
   si resulta demasiado, basta quitar la clase .gflow. */
.quote{
  display:flex;align-items:center;height:5.0625rem;padding:0 2rem;
  border:0.0625rem solid var(--violet);border-radius:1rem;
  font-family:var(--mont);font-weight:600;font-style:italic;font-size:1.5rem;
  line-height:1.4;color:var(--white);white-space:nowrap;
}
.quote--a{width:24.375rem}
.quote--b{width:37.75rem}
.quote--c{width:27.375rem}
.gflow{
  background-image:linear-gradient(90deg,
    #C25CDF 0%,#6CBDA3 16.67%,#FFF13A 33.33%,
    #C25CDF 50%,#6CBDA3 66.67%,#FFF13A 83.33%,#C25CDF 100%);
  background-size:200% 100%;background-position:100% 0%;
}
/* el degradado se mueve sólo al pasar el ratón (Samu 3-sep) */
@media (hover:hover){ .gflow:hover{animation:gflow-h 8s linear infinite} }
@keyframes gflow-h{from{background-position:100% 0%}to{background-position:0% 0%}}
@media (prefers-reduced-motion:reduce){ .gflow{animation:none} }

/* orbe "view more" */
.orb{
  display:flex;align-items:center;justify-content:center;
  width:16.75rem;height:16.8125rem;border-radius:50%;
  font-family:var(--mont);font-weight:200;font-size:2.5rem;
  line-height:1.2;color:var(--white);
  transition:transform .35s cubic-bezier(.22,1,.36,1);
}
.orb:hover{transform:scale(1.05)}
.orb--grad{background:var(--grad-d)}
.orb--gray{background:var(--gray)}

/* regla de degradado a todo lo ancho */
.rule{height:0.75rem;background:var(--grad-h)}

/* ══════════ TOP BANNER ══════════ */
.topbar{background:var(--gray)}
.topbar__in{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 3.75rem;
}
.topbar__txt{
  font-family:var(--helv);font-size:1rem;line-height:1.4;color:var(--white);
  white-space:nowrap;
}
.lang{
  display:flex;align-items:center;gap:1.01156rem;padding:0.25rem;
  width:10.39713rem;height:2.97138rem;
  border:0.046rem solid var(--white);border-radius:13.79425rem;flex:none;
}
.lang__btn{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:4.44275rem;height:2.47138rem;padding:0;border-radius:13.79425rem;
}
.lang__btn.is-active{background:var(--white)}
.lang__btn img{width:1.5rem;height:1rem}

/* ══════════ NAV ══════════ */
/* sticky (corrección de Samu 1-sep): la barra queda fija al hacer scroll */
.nav{background:var(--white);position:sticky;top:0;z-index:50;box-shadow:0 0.375rem 1.5rem rgba(12,12,12,.06)}
.nav__in{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.25rem 3.75rem;
}
.nav__logo img{width:12.37069rem;height:4.22394rem}
.nav__menu{display:flex;align-items:center;gap:2.5rem}
.nav__menu>a:not(.btn){
  position:relative;
  font-family:var(--helv);font-weight:300;font-size:1.25rem;
  letter-spacing:0.125rem;text-transform:uppercase;color:var(--gray);
  line-height:.717;transition:color .2s ease;
}
.nav__menu>a:not(.btn):hover{color:var(--dark)}
/* subrayado con el degradado de marca al pasar el ratón (vídeo 18-ago, 0:10) */
.nav__menu>a:not(.btn)::after{
  content:"";position:absolute;left:0;right:0;bottom:-0.625rem;height:0.1875rem;
  background:var(--grad-h);transform:scaleX(0);transform-origin:left center;
  transition:transform .3s cubic-bezier(.22,1,.36,1);
}
.nav__menu>a:not(.btn):hover::after{transform:scaleX(1)}
.nav__burger{display:none}

/* ══════════ HERO ══════════ */
.hero{position:relative;height:44.55469rem;overflow:hidden}
.hero__img{
  position:absolute;left:0;top:0;width:120rem;height:44.55469rem;
  object-fit:cover;object-position:bottom;
}
.hero__veil{
  position:absolute;left:0;top:-11.69531rem;width:120rem;height:56.25rem;
  background:linear-gradient(246.636deg,rgba(255,255,255,0) 47.796%,#fff 67.249%);
}
.hero__copy{
  position:absolute;left:3.75rem;top:21.15237rem;width:45.0625rem;
  display:flex;flex-direction:column;gap:2rem;
}
.hero__title{
  font-family:var(--mont);font-weight:200;font-size:4.69137rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
/* el bloque cejilla+H1 lleva su propio gap de 24 */
.hero__copy .eyebrow{margin-bottom:calc(1.5rem - 2rem)}
.hero__lead{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  line-height:1.4;margin:-.3585em 0 -.3415em;
}

/* ══════════ MARQUEE ══════════ */
.marquee{height:4.875rem;background:var(--gray);overflow:hidden;display:flex;align-items:center}
.marquee__track{display:flex;width:max-content;animation:mq 34s linear infinite}
.marquee__set{display:flex;align-items:center}
.mq{display:flex;align-items:center;gap:0.0625rem}
.mq b,.mq i{
  display:inline-flex;align-items:center;justify-content:center;
  height:1.875rem;padding:0 1rem;border-radius:18.75rem;
  font-family:var(--helv);font-weight:300;font-style:normal;font-size:0.875rem;
  letter-spacing:0.175rem;text-transform:uppercase;color:var(--white);
  white-space:nowrap;
}
@keyframes mq{ to{transform:translateX(-78.9375rem)} }
@media (prefers-reduced-motion:reduce){ .marquee__track{animation:none} }

/* ══════════ ABOUT ══════════ */
.about{padding-top:6.25rem}
.about__head{padding:0 3.75rem;display:flex;flex-direction:column;gap:2.5rem}
.about__row{display:flex;gap:4.125rem;width:112.375rem}
.about__title{
  width:61.9375rem;font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.about__cols{display:flex;gap:2.5rem;width:46.3125rem}
.about__col{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  line-height:1.4;
}
.about__col--a{width:21.19588rem;margin:-.3585em 0 -.3415em}
/* las dos frases son un único bloque de texto con 0.625rem de separación
   entre párrafos: el recorte va sólo en los extremos, no en medio */
.about__col--b{width:22.61662rem;margin:-.3585em 0 -.3415em}
.about__col--b p+p{margin-top:0.625rem}

.about__media{position:relative;margin:3.75rem 3.75rem 0;width:112.5rem}
.about__media img{width:112.5rem;height:34.7505rem;object-fit:cover}
.about__media .orb{position:absolute;left:28.5rem;top:-1.87475rem}

/* ══════════ IN FIGURES ══════════ */
.figures{margin-top:6.25rem;background:var(--gray)}
.figures__in{padding:3.75406rem 3.75rem 3.75425rem;display:flex;flex-direction:column;gap:2.5rem}
.figures__in .eyebrow{height:0.8125rem}
.figures__grid{display:flex;gap:10.5625rem}
.stat{width:22.69944rem;display:flex;flex-direction:column;gap:1.57838rem;flex:none}
.stat__n{
  font-family:var(--mont);font-weight:200;font-size:4.891rem;color:var(--white);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.stat__b{display:flex;flex-direction:column;gap:1.05225rem}
.stat__l{
  font-family:var(--helv);font-weight:300;font-size:1.25rem;color:var(--white);
  letter-spacing:0.125rem;text-transform:uppercase;line-height:.717;white-space:nowrap;height:0.875rem;
}
/* Nota: en el Figma esta descripción va en #6D6E70 sobre fondo #6D6E70,
   es decir, invisible. Se respeta tal cual para no alterar el diseño. */
.stat__d{
  font-family:var(--helv);font-size:1rem;color:var(--gray);line-height:.717;white-space:nowrap;height:0.6875rem;
}

/* ══════════ TECHNOLOGY ══════════ */
.tech{margin-top:6.23575rem;padding:0 3.75rem}
.tech__head{position:relative;display:flex;flex-direction:column;gap:2.5rem}
.tech__title{
  font-family:var(--mont);font-size:3.5625rem;line-height:1.2;
  margin:-.2585em 0 -.2415em;
}
.tech__title span{font-weight:200;color:var(--gray)}
.tech__title em{
  font-weight:400;font-style:normal;
  background:var(--grad-t);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.tech__head .orb{position:absolute;left:80.84825rem;top:5.875rem}

.tcard{position:relative;width:112.5rem}
.tcard__img img{width:100%;height:100%;object-fit:cover}
.tcard--01{margin-top:3.5rem;height:48rem}
.tcard--01 .tcard__img{width:62.13569rem;height:48rem;object-fit:cover}
.tcard--01 .tcard__body{position:absolute;left:71.1875rem;top:11.4375rem}
.tcard--02{margin-top:2.5rem;height:47.10413rem}
.tcard--02 .tcard__img{position:absolute;left:49.33306rem;top:0;width:63.16694rem;height:47.10413rem;object-fit:cover}
.tcard--02 .tcard__body{position:absolute;left:0;top:10.98956rem}
.tcard__body{width:41.3125rem;display:flex;flex-direction:column;gap:2.5rem}
.tcard__n{
  font-family:var(--mont);font-weight:200;font-size:4.891rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.tcard__txt{display:flex;flex-direction:column;gap:1.5rem}
.tcard__h{
  font-family:var(--mont);font-weight:300;font-size:2rem;color:var(--gray);
  letter-spacing:0.16rem;line-height:1.2;margin:-.2585em 0 -.2415em;white-space:nowrap;
}
.tcard__p{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  line-height:1.4;margin:-.3585em 0 -.3415em;
}

/* ══════════ PRODUCTS ══════════ */
.products{margin-top:6.27119rem;padding:0 3.75rem}
.products__head{position:relative;display:flex;flex-direction:column;gap:2.5rem}
.products__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;white-space:nowrap;
}
.products__sub{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  line-height:1.4;margin:-.3585em 0 -.3415em;
  /* gap de 32 respecto al bloque anterior, no de 40 */
  margin-top:calc(-.3585em - 0.5rem);
}
.products__head .quote--c{position:absolute;left:85.125rem;top:4rem}

.products__media{margin-top:4.25rem;width:112.5rem}
.products__media img{width:112.5rem;height:39.04094rem;object-fit:cover}
/* la línea inferior va en CSS (la imagen nueva ya no la trae) y se anima
   con la misma clase .gflow que los chips */
.products__rule{width:112.5rem;height:0.375rem}

.products__foot{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem;width:112.5rem}
.products__note{
  width:38.6395rem;font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  line-height:1.4;margin:-.3585em 0 -.3415em;
}

/* ══════════ DISTRIBUTORS ══════════ */
.distrib{position:relative;margin-top:6.27125rem;height:39.7625rem;background:var(--gray);overflow:hidden}
.distrib__copy{
  position:absolute;left:3.75rem;top:9.00625rem;width:38.375rem;
  display:flex;flex-direction:column;gap:2rem;
}
.distrib__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--white);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
/* cejilla → título: gap 40 (el contenedor usa 32) */
.distrib__copy .eyebrow{margin-bottom:0.5rem}
.distrib__copy .btn{align-self:flex-start}
.distrib__lead{
  width:38.324rem;font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--white);
  line-height:1.4;margin:-.3585em 0 -.3415em;
}
.distrib__map{position:absolute;left:46.375rem;top:2.51313rem;width:69.875rem;height:34.73081rem}

/* ══════════ FOOTER ══════════ */
.foot{display:flex;align-items:flex-start;padding:5.5275rem 3.75rem 6.30938rem}
.foot__brand{width:38.375rem;display:flex;flex-direction:column;gap:2rem}
.foot__brand .eyebrow{margin-bottom:0.5rem}
.foot__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--dark);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.foot__line{font-family:var(--helv);font-size:1rem;color:var(--dark);line-height:.717;height:0.6875rem}
.foot__line a:hover{text-decoration:underline}

.foot__links{
  width:7.25rem;margin-left:4.25rem;margin-top:-0.6875rem;
  display:flex;flex-direction:column;gap:2rem;
}
.foot__links a{
  font-family:var(--helv);font-size:1rem;color:var(--gray);
  line-height:.717;text-transform:uppercase;transition:color .2s ease;height:0.6875rem;
}
.foot__links a:hover{color:var(--dark)}

.foot__form{width:41.4375rem;margin-left:21.1875rem;display:flex;flex-direction:column}
.field{display:flex;flex-direction:column}
.field+.field{margin-top:2.5rem}
.field label{font-family:var(--helv);font-size:1rem;color:var(--gray);line-height:.717;height:0.6875rem}
.field input{
  height:2.5rem;width:100%;padding:0;border:0;border-bottom:0.0625rem solid var(--gray);
  background:none;border-radius:0;outline:none;
  font-family:var(--helv);font-size:1rem;color:var(--dark);
}
.field input:focus{border-bottom-color:var(--violet)}
 .foot__send{align-self:flex-end}
  .checks{display:flex;flex-direction:column;gap:0.975rem;width:16.45975rem;float:none}
.check{display:flex;align-items:center;gap:0.5rem;height:1.025rem;cursor:pointer}
.check input{
  appearance:none;-webkit-appearance:none;margin:0;flex:none;
  width:1.025rem;height:1.025rem;border:0.0625rem solid var(--gray);background:none;
}
/* check blanco visible sobre el relleno gris (vídeo 18-ago, 0:46) */
.check input:checked{
  background:var(--gray) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.6 6.6 12l6.2-7.6' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3C/svg%3E") center/70% no-repeat;
}
.check span{font-family:var(--helv);font-size:1rem;color:var(--gray);line-height:.717;white-space:nowrap}

/* la fila inferior del formulario: checks a la izquierda, botón a la derecha */
.foot__form{position:relative;height:25.625rem}
.checks{position:absolute;left:0.10275rem;top:22.62494rem;margin:0}
.foot__send{position:absolute;right:0;top:22.75rem;margin:0}

/* ══════════════════════════════════════════════════════════════
   PÁGINA ABOUT  ·  frame 9046:24 (1920 × 5994)
   ══════════════════════════════════════════════════════════════ */
.tag--white{border-color:var(--white);color:var(--white)}

/* los héroes de las subpáginas usan la foto SIN el texto (nodo aislado del
   Figma) más el velo blanco en CSS — si la foto trajera el titular pintado,
   el texto HTML encima se vería doble en cuanto el ancho no sea 1920 exacto */
.hero--about{height:44.55469rem}
.hero--about .hero__img{top:-11.69531rem;height:56.25rem;object-position:center}
.hero--tech .hero__img{top:-11.8rem;height:56.375rem}
.hero--dist .hero__img{top:-2.42656rem;height:47rem}
.hero--prod .hero__img{top:0;height:44.55469rem;object-position:center}
.hero__copy--about{top:21.17969rem;width:48.1875rem}
.hero--about .hero__title{white-space:nowrap}
.hero__lead--about{width:35.0625rem}

/* who we are reutiliza .about__head/.about__row/.about__title del home */
.about--page{padding-top:6.25rem}
.about__col--c{width:22.61662rem;margin:-.3585em 0 -.3415em}
.ab-who__media{margin:3.78125rem 3.75rem 0 3.9375rem}
.ab-who__media img{width:112.3125rem;height:34.75rem;object-fit:cover}

/* mission & vision */
.mvband{margin-top:6.25rem;background:var(--gray)}
.mvband__in{padding:3.75625rem 3.75rem 3.7625rem;display:flex;flex-direction:column;gap:2.5rem}
.mvband__row{display:flex;align-items:center;justify-content:space-between}
.mvband__left{width:61.9375rem;display:flex;flex-direction:column;gap:2rem}
.mvband__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--white);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.mvband__right{width:44.375rem;flex:none;display:flex;flex-direction:column;gap:4.9375rem}
.mvband__cols{display:flex;gap:2.5rem}
.mvband__cell{width:22.625rem;display:flex;flex-direction:column;gap:1.5rem}
.mvband__cell--b{width:21.1875rem}
.mvband__label{
  font-family:var(--mont);font-weight:400;font-size:1.25rem;color:var(--white);
  text-transform:uppercase;line-height:1.4;margin:-.3585em 0 -.3415em;
}
.mvband__txt{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--white);
  line-height:1.4;margin:-.3585em 0 -.3415em;white-space:nowrap;
}
.quote--wide{width:44.375rem;height:auto;min-height:0;padding:1.4625rem 2rem 1.4875rem;white-space:normal;line-height:1.4}

/* facilities */
.fac{margin-top:6.2625rem;padding:0 3.75rem;display:flex;flex-direction:column}
.fac__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:calc(2.5rem - .2585em) 0 -.2415em;
}
.fac__sub{
  margin-top:calc(2.5rem - .3585em);margin-bottom:-.3415em;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.fac__gallery{margin-top:2.5rem;display:flex;gap:1.25rem}
.fac__big{width:69.8125rem;height:48.3625rem;object-fit:cover}
.fac__side{display:flex;flex-direction:column;gap:1.5rem;width:41.4375rem}
.fac__side img{width:41.4375rem;height:23.43125rem;object-fit:cover}

/* r&d */
.rd{margin-top:6.2625rem;padding:0 3.75rem}
.rd__title{
  font-family:var(--mont);font-size:3.75rem;line-height:1.2;
  margin-top:calc(2.5rem - .2585em);margin-bottom:-.2415em;
}
.rd__title span{font-weight:200;color:var(--gray)}
.rd__title em{
  font-weight:400;font-style:normal;
  background:var(--grad-t);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.rd__sub{
  margin-top:calc(2rem - .3585em);margin-bottom:-.3415em;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.pillars{margin-top:2.5rem;display:flex;gap:1.25rem;width:112rem}
/* sin bordes: foto y rótulo continuos (vídeo 18-ago, 2:32) */
.pillar{margin:0;width:27.0625rem;position:relative;overflow:hidden}
.pillar img{width:27.0625rem;height:22.3125rem;object-fit:cover;display:block}
.pillar figcaption{
  height:4.25rem;background:var(--gray);
  display:flex;align-items:center;justify-content:center;gap:1rem;
  padding:1.25rem 0.75rem;color:var(--white);white-space:nowrap;
}
.pillar figcaption b{
  font-family:var(--mont);font-weight:200;font-size:2.5rem;line-height:1.2;
  margin:-.2585em 0 -.2415em;
}
.pillar figcaption span{
  font-family:var(--mont);font-weight:300;font-size:1.5rem;letter-spacing:0.12rem;line-height:1.2;
  margin:-.2585em 0 -.2415em;
}

/* the science and the network */
.nextband{margin-top:6.26875rem;background:var(--gray);padding:3.75rem 3.75rem 3.78125rem}
.nextband__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--white);
  text-align:center;line-height:1.2;margin:-.2585em 0 -.2415em;
}
.nextband__grid{margin-top:2.49375rem;display:flex;gap:1.25rem}
.nextcard{display:block;width:55.625rem}
.nextcard img{width:55.625rem;height:22.8125rem;object-fit:cover;display:block}
.nextcard__bar{
  display:flex;align-items:center;justify-content:center;
  width:55.5rem;height:6.625rem;margin:-0.075rem auto 0;background:var(--white);
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;white-space:pre;position:relative;z-index:1;
}
/* la flecha en el render real del Figma va rosa→ámbar (muestreado del PNG) */
.nextcard__bar em{
  font-family:var(--helv);font-weight:300;font-style:normal;
  background:linear-gradient(90deg,#D78CA2 0%,#E1AA87 45%,#ECC36A 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.foot--sub{padding:5.15rem 3.75rem 6.3rem}

/* ══════════════════════════════════════════════════════════════
   PÁGINA TECHNOLOGY  ·  frame 9063:297 (1920 × 6415)
   ══════════════════════════════════════════════════════════════ */
.hero__copy--tech{top:21.17969rem;width:54.875rem}
.hero__lead--tech{width:43.34375rem}
.about__title--tech span{font-weight:200;color:var(--gray)}
.about__title--tech em{
  font-weight:400;font-style:normal;
  background:var(--grad-t);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.about__col--b1{width:21.19588rem}
.about__col--b2{width:22.61662rem}
/* en TECHNOLOGY los párrafos van más aireados que en el resto */
.tchead .about__col--b p+p{margin-top:2.625rem}
.tchead .about__head{padding:0 3.75rem 0 3.8125rem}
.tc-left{width:61.9375rem;display:flex;flex-direction:column}
.tc-left .about__title{width:61.9375rem}
.quote--tchead{
  width:53.75rem;height:auto;margin-top:1.475rem;
  padding:1.4625rem 2rem 1.4875rem;white-space:normal;line-height:1.4;
}

/* pilares */
.ptitle{
  font-family:var(--mont);font-weight:200;font-size:4.69137rem;color:var(--gray);
  line-height:1.2;margin-top:calc(1.5rem - .2585em);margin-bottom:-.2415em;
}
.ptext{margin-top:calc(2.5rem - .3585em);margin-bottom:-.3415em}
.ptext p{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.ptext p+p{margin-top:0.625rem}

.pillar1{position:relative;margin:6.25rem 3.75rem 0;width:112.5rem;height:48.125rem}
.pillar1__copy{width:49.25rem}
.pillar1__text{width:42.4375rem}
/* panel derecho conmutable LMW/MMW/HMW (frames 13201:5, 13201:891 y
   13202:921 del Figma; vídeo 18-ago, 2:04) */
.pillar1__panel{position:absolute;left:56.875rem;top:0;width:55.625rem}
.pillar1__mw{
  font-family:var(--mont);font-weight:200;font-size:2.5rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;white-space:nowrap;
}
.pillar1__mwtxt{margin-top:calc(1.5rem - .35em);margin-bottom:-.35em}
.pillar1__mwtxt p{font-family:var(--helv);font-weight:400;font-size:1rem;color:var(--gray);line-height:1.4}
.pillar1__mwtxt p+p{margin-top:1.125rem}
.pillar1__mwtxt b{font-weight:700}
.pillar1__img{margin-top:calc(1.375rem + .35em);width:48.9375rem;height:37.8125rem}
/* anclado a la coordenada del Figma para que el wrap del texto no lo mueva */
.minis{position:absolute;left:0;top:33.3125rem;display:flex;gap:2.5rem}
.mini{
  display:inline-flex;align-items:center;justify-content:center;gap:2rem;
  width:13.4375rem;height:3.9375rem;padding:1rem;border:0.0625rem solid var(--dark);
  font-family:var(--mont);font-weight:300;font-size:1rem;color:var(--dark);white-space:pre;
  cursor:pointer;
}
.mini em{font-family:var(--helv);font-style:normal;font-weight:300}
.mini img{width:2rem;height:1.9375rem;border-radius:0.25rem}
.mini--grad{
  border:0.0625rem solid transparent;
  background:linear-gradient(var(--white),var(--white)) padding-box,var(--grad-h) border-box;
}

/* 4 mechanisms */
.mech{margin-top:6.25rem;background:var(--gray);height:41.5625rem;padding:3.75rem 3.8125rem}
.mech__head{display:flex;align-items:flex-start;justify-content:space-between;width:112.375rem}
.mech__head .eyebrow{margin-top:0.875rem}
.mech__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--white);
  line-height:1.2;margin:-.2585em 0 -.2415em;white-space:nowrap;
}
.mech__grid{margin:3.75rem 0 0 0.1875rem;display:flex;gap:1.25rem;width:112rem}
.mcard{margin:0;width:27.0625rem;position:relative;overflow:hidden}
.mcard img{width:27.0625rem;height:22.3125rem;object-fit:cover;display:block}
.mcard figcaption{
  height:5.375rem;background:var(--white);
  display:flex;align-items:center;justify-content:center;gap:1.5rem;
  padding:1.25rem 0.75rem;color:var(--gray);white-space:nowrap;
}
.mcard figcaption b{
  font-family:var(--mont);font-weight:200;font-size:2.5rem;line-height:1.2;
  margin:-.2585em 0 -.2415em;
}
.mcard figcaption span{
  font-family:var(--mont);font-weight:300;font-size:1.5rem;letter-spacing:0.12rem;line-height:1.2;
  margin:-.2585em 0 -.2415em;
}

/* ── tarjeta gris que sube al hacer hover ─────────────────────
   Frames 189 (About), 193 (Technology) y 194 (Distribuidores) del
   Figma: al posarse, la tarjeta cubre toda la foto y se lee el
   texto completo (vídeo 18-ago, 1:08 / 2:42 / 4:28).            */
.cardover{
  position:absolute;inset:0;background:var(--gray);color:var(--white);
  display:flex;flex-direction:column;align-items:center;
  padding:4.0625rem 2.5rem 0;
  transform:translateY(102%);
  transition:transform .45s cubic-bezier(.22,1,.36,1);
}
/* en Technology las tarjetas son blancas (Frame 193, corrección de Uri
   22-ago): tarjeta blanca, texto gris y todo alineado a la izquierda */
.mcard .cardover{background:var(--white);color:var(--gray);align-items:flex-start;padding:2.9375rem 2.5rem 0 2.625rem}
.cardover__head{display:flex;align-items:center;justify-content:center;gap:1rem;white-space:nowrap}
.mcard .cardover__head{white-space:normal;justify-content:flex-start}
.cardover__head b{font-family:var(--mont);font-weight:200;font-size:2.5rem;line-height:1.2;margin:-.2585em 0 -.2415em}
.cardover__head span{font-family:var(--mont);font-weight:300;font-size:1.5rem;letter-spacing:0.12rem;line-height:1.2;margin:-.2585em 0 -.2415em}
.cardover__txt{
  margin-top:1.9375rem;width:22.0625rem;max-width:100%;
  font-family:var(--mont);font-weight:300;font-size:1.125rem;line-height:1.4;
}
.mcard .cardover__txt{margin-top:0.75rem;width:auto}
@media (hover:hover){
  .pillar:hover .cardover,.mcard:hover .cardover{transform:translateY(0)}
}

/* pillar 02 */
.pillar2{position:relative;margin:6.25rem 3.75rem 0;width:112.5rem;height:44.51875rem}
.pillar2__img{width:59.35625rem;height:44.51875rem;object-fit:cover}
.pillar2__copy{position:absolute;left:63.25rem;top:1.50625rem;width:49.25rem}
.pillar2__copy .ptitle{width:50.3rem}
.pillar2__text{width:44.15625rem}
.quote--p2{
  position:absolute;left:0;top:32.1875rem;width:49.25rem;height:auto;
  padding:1.4625rem 2rem 1.4875rem;white-space:normal;line-height:1.4;
}

/* evidence & r&d */
.evi{margin-top:6.26875rem;padding:0 3.75rem}
.evi__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin-top:calc(2.5rem - .2585em);margin-bottom:-.2415em;
}
.evi__sub{
  margin-top:calc(2rem - .3585em);margin-bottom:-.3415em;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.evi__row{margin-top:2.48125rem;display:flex;gap:2.425rem}
.evi__chart{width:54.45rem;height:52.43125rem;object-fit:contain;flex:none}
.evi__stats{display:flex;flex-direction:column;gap:2rem;width:55.625rem;height:52.43125rem}
.statcard{
  background:#FAFAFA;padding:2.125rem 2.5rem;position:relative;
  display:flex;flex-direction:column;gap:1.8125rem;justify-content:center;flex:1;
}
.statcard::before{content:"";position:absolute;left:0;top:0;width:100%;height:0.375rem;background:var(--grad-h)}
.statcard__n{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.statcard__d{
  font-family:var(--helv);font-weight:400;font-size:1rem;color:var(--gray);line-height:1.4;
  margin:-.35em 0 -.35em;
}

/* ══════════════════════════════════════════════════════════════
   PÁGINA PRODUCTS  ·  frame 9063:449 (1920 × 5414)
   ══════════════════════════════════════════════════════════════ */
.quote--pv{width:43.3125rem;margin-top:2.6875rem}
.pv-col p+p{margin-top:1.75rem}

/* selector */
.sel{margin:3.76875rem 3.75rem 0;width:112.5rem}
.sel__head{display:flex;align-items:flex-end;justify-content:space-between;height:14rem}
.sel__copy{width:46.75rem;display:flex;flex-direction:column}
.sel__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;width:46.75rem;
}
.sel__title em{
  font-weight:400;font-style:normal;
  background:linear-gradient(90deg,#C25CDF 12.832%,#6CBDA3 32.11%,#FFF13A 74.436%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.sel__sub{
  margin-top:calc(2.5rem - .3585em);margin-bottom:-.3415em;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.sel__sub b{font-weight:400}
.sel__thumbs{display:flex;align-items:center;gap:1.4375rem}
/* el vial elegido crece EN SU SITIO: el orden de la gama nunca cambia
   (vídeo 18-ago, 3:21). Ambas clases llevan transición de tamaño porque
   los botones son persistentes y sólo intercambian clase. */
.sel__big{
  width:13.3125rem;height:13.3125rem;padding:0;flex:none;overflow:hidden;
  border:0.125rem solid transparent;
  background:linear-gradient(var(--white),var(--white)) padding-box,var(--grad-h) border-box;
  transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1);
}
.sel__big img{width:100%;height:100%;object-fit:cover}
.sel__mini{
  width:6.7125rem;height:6.7125rem;padding:0;flex:none;overflow:hidden;border:0.125rem solid transparent;
  transition:width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1);
}
.sel__mini img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.sel__mini:hover img{transform:scale(1.1)}

/* ficha */
.sheet{
  position:relative;margin:3.75rem 0 0 0.38125rem;width:111.73125rem;height:72.25rem;
  border:0.125rem solid transparent;
  background:linear-gradient(var(--white),var(--white)) padding-box,var(--grad-h) border-box;
}
.sheet__left{position:absolute;left:5.55625rem;top:6.2375rem;width:38.325rem}
.sheet__crumb{
  display:flex;align-items:center;gap:0.75rem;
  font-family:var(--helv);font-weight:300;font-size:1rem;letter-spacing:0.15rem;
  text-transform:uppercase;color:var(--gray);
}
.sheet__crumb i{width:0.75rem;height:0.75rem;background:#76BFE4;flex:none}
.sheet__photo{margin-top:2.5rem;width:38.325rem;height:45.9375rem;background:#F4F4F6;overflow:hidden}
.sheet__photo img{width:100%;height:100%;object-fit:cover}
.sheet__stats{margin-top:3.25rem;display:flex;width:23rem;border:0.0625rem solid #D9D9D9}
.sstat{flex:1;padding:0.625rem 1rem;display:flex;flex-direction:column;gap:0.375rem}
.sstat+.sstat{border-left:0.0625rem solid #D9D9D9}
.sstat b{font-family:var(--mont);font-weight:300;font-size:1.375rem;color:var(--gray);white-space:nowrap}
.sstat span{font-family:var(--helv);font-size:0.875rem;color:#9A9B9E;white-space:nowrap}

.sheet__right{position:absolute;left:49.75625rem;top:6.125rem;width:55.65625rem}
.sheet__kicker{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  letter-spacing:0.375rem;text-transform:uppercase;line-height:1.4;
  margin:-.3585em 0 -.3415em;white-space:nowrap;
}
.sheet__name{
  margin:calc(3.75rem - .2585em) 0 -.2415em;
  font-family:var(--mont);font-weight:300;font-size:3.75rem;color:var(--gray);line-height:1.2;
}
.sheet__tag{
  display:inline-flex;align-items:center;height:1.875rem;padding:0 1rem;margin-top:2rem;
  border-radius:18.75rem;background:#76BFE4;color:var(--white);
  font-family:var(--helv);font-weight:300;font-size:0.875rem;letter-spacing:0.175rem;text-transform:uppercase;
  white-space:nowrap;
}
.sheet__desc{
  margin-top:calc(2rem - .35em);width:32.5rem;
  font-family:var(--helv);font-weight:400;font-size:1rem;color:var(--gray);line-height:1.4;
}
.sheet__h{
  margin-top:calc(2.4375rem - .3585em);
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.sheet__bars{margin-top:1.25rem;display:flex;flex-direction:column;gap:1.5rem}
.bar__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.bar__meta span{font-family:var(--helv);font-size:1rem;color:var(--gray)}
.bar__meta b{font-family:var(--mont);font-weight:300;font-size:1rem;color:var(--gray)}
.bar__track{position:relative;height:0.75rem;border-radius:18.75rem;background:#D9D9D9}
.bar__fill{position:absolute;left:0;top:0;height:0.75rem;border-radius:18.75rem;background:#76BFE4}
.sheet__specs{margin-top:1rem}
/* pitch fijo de 3.875rem medido del render del Figma */
.spec{
  display:flex;align-items:center;justify-content:space-between;
  height:3.875rem;border-top:0.0625rem solid #D9D9D9;
}
.spec span{font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4}
.spec b{font-family:var(--helv);font-weight:400;font-size:1rem;color:var(--gray);width:29.94537rem;line-height:1.4}
.sheet__h--kb{margin-top:calc(2.25rem - .3585em)}
.sheet__kb{margin-top:1rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.kb{
  display:inline-flex;align-items:center;gap:0.625rem;height:2.625rem;padding:0 1rem;
  border:0.0625rem solid var(--gray);border-radius:18.75rem;
  font-family:var(--helv);font-size:1rem;color:var(--gray);white-space:nowrap;
}
.kb i{width:0.5rem;height:0.5rem;border-radius:50%;flex:none}
.kb--next{border:0;color:var(--white);cursor:pointer}
.kb--next b{font-weight:900}

/* compare */
.cmp{margin:6.0625rem 3.75rem 0 3.8125rem;width:112.375rem;display:flex;flex-direction:column}
.cmp__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:-.2585em 0 -.2415em;
}
.cmp__table{margin-top:2.5rem;border:0.0625rem solid #E3E3E5}
.cmp__row{
  display:grid;grid-template-columns:24.375rem 19.375rem 20rem 28.125rem 1fr;
  align-items:center;height:5rem;padding:0 2.1875rem;background:var(--white);
}
.cmp__row:nth-child(even){background:#FAFAFA}
.cmp__row--head{
  height:5.875rem;background:#F4F4F6;
  font-family:var(--helv);font-weight:300;letter-spacing:0.125rem;text-transform:uppercase;
}
.cmp__row span{font-family:var(--helv);font-size:1rem;color:var(--gray);display:flex;align-items:center;gap:0.75rem}
.cmp__row--head span{font-size:1rem;letter-spacing:0.125rem}
.cmp__row span:nth-child(n+2){justify-content:flex-start}
.cmp__row i{width:0.75rem;height:0.75rem;flex:none}
.cmp__row b{font-weight:500;color:#3a3a3c;font-family:var(--helv)}

/* want our products */
.want{margin-top:3.73125rem;background:#F4F4F6}
.want__in{padding:3.75rem;display:flex;flex-direction:column}
.want__title{
  width:63.4375rem;font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:calc(2.5rem - .2585em) 0 -.2415em;
}
.stepform{
  margin-top:3.0625rem;background:var(--white);border-radius:1.5rem;padding:5rem;width:112.5rem;height:43.375rem;
}
.stepform__step{display:flex;flex-direction:column;height:100%}
.stepform__meta{display:flex;align-items:center;gap:1.125rem}
.stepform__label{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);
  text-transform:uppercase;line-height:1.4;white-space:nowrap;
}
.stepform__line{flex:1;height:0.125rem;background:linear-gradient(90deg,#C25CDF,#6CBDA3 30%,#FFF13A 60%,#6D6E70 60.2%,#6D6E70 100%)}
.stepform__h{
  margin-top:calc(2.5rem - .3585em);
  font-family:var(--mont);font-weight:500;font-size:1.25rem;color:var(--dark);line-height:1.4;
}
.stepform__sub{
  margin-top:calc(1rem - .35em);
  font-family:var(--helv);font-size:1rem;color:var(--gray);line-height:1.4;
}
/* los campos NO se estiran: quedan compactos arriba y el botón baja al
   pie de la tarjeta, como en el Figma (vídeo 18-ago, 4:22) */
.sfield{display:flex;flex-direction:column;gap:0;margin-top:1.9375rem}
.sfield span{
  font-family:var(--mont);font-weight:300;font-size:1rem;color:var(--gray);
  letter-spacing:0.3rem;text-transform:uppercase;line-height:1.4;
}
.sfield input{
  height:3.4375rem;border:0;border-bottom:0.0625rem solid #B9BABC;background:none;border-radius:0;
  outline:none;font-family:var(--helv);font-size:1.125rem;color:var(--dark);
}
.sfield input:focus{border-bottom-color:var(--violet)}
.sfield__row{display:flex;gap:1.25rem}
.sfield__row .sfield{flex:1}
.stepform__next{display:flex;margin-left:auto;margin-top:auto}

/* ══════════════════════════════════════════════════════════════
   PÁGINA DISTRIBUTORS  ·  frame 9068:703 (1920 × 4811)
   ══════════════════════════════════════════════════════════════ */
.why{margin-top:6.26875rem;padding:0 3.75rem}
.why__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--gray);
  line-height:1.2;margin:calc(2.5rem - .2585em) 0 -.2415em;
}
.why__sub{
  margin-top:calc(2rem - .3585em);margin-bottom:-.3415em;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.pillars--why{margin:2.5rem 0 0 0.25rem}

.umb{
  position:relative;margin-top:6.275rem;height:45.8875rem;background:var(--gray);
  padding:6.26875rem 3.75rem 0 3.8125rem;
}
.umb__left{width:48.05rem}
.umb__title{
  font-family:var(--mont);font-weight:200;font-size:3.75rem;color:var(--white);
  line-height:1.2;margin:calc(2.5rem - .2585em) 0 -.2415em;
}
.umb__lead{
  margin-top:calc(2.5rem - .3585em);margin-bottom:-.3415em;width:48.05rem;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--white);line-height:1.4;
}
.umb__img{position:absolute;left:3.75rem;top:25.6875rem;width:47.75rem;height:13.95625rem;object-fit:cover}
.usteps{
  position:absolute;left:60.6875rem;top:9.64375rem;width:55.5625rem;
  margin:0;padding:0;list-style:none;
}
.ustep{display:flex;gap:1.5rem;padding:2.5rem 0;border-bottom:0.0625rem solid rgba(255,255,255,.55)}
.ustep:first-child{padding-top:2.5rem}
.ustep:not(:first-child){padding-top:2.5rem}
.ustep__n{
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:rgba(255,255,255,.55);
  line-height:1.4;margin:-.3585em 0 -.3415em;flex:none;
}
.ustep__t{
  font-family:var(--mont);font-weight:500;font-size:1.25rem;color:var(--white);
  line-height:1.4;margin:-.3585em 0 -.3415em;
}
.ustep__d{
  margin-top:calc(1.5rem - .3585em);margin-bottom:-.3415em;max-width:48.75rem;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--white);line-height:1.4;
}

.apply{background:#F4F4F6}
.apply__in{padding:3.75625rem 3.75rem 3.80625rem 3.8125rem;display:flex;flex-direction:column}
.apply__title{
  font-family:var(--mont);font-weight:200;font-size:4.69137rem;color:var(--gray);
  line-height:1.2;margin:calc(2.5rem - .2585em) 0 -.2415em;white-space:nowrap;
}
.apply__sub{
  margin-top:calc(2.5rem - .3585em);margin-bottom:-.3415em;
  font-family:var(--mont);font-weight:300;font-size:1.25rem;color:var(--gray);line-height:1.4;
}
.appform{margin-top:3.75rem;background:var(--white);border-radius:1.5rem;padding:5rem;width:112.4375rem}
.appform__step{display:flex;flex-direction:column}
.appform__step[hidden],.stepform__step[hidden]{display:none}
.stepform__h--mid{margin-top:calc(4rem - .3585em)}
.appform__next{align-self:flex-end;margin-top:2.75rem}
.sfield--ph{margin-top:0}
.sfield input::placeholder{color:#9A9B9E;font-family:var(--helv);font-size:1.125rem}
.sfield__cap{
  margin-top:calc(2.5rem - .3585em);
  font-family:var(--mont);font-weight:300;font-size:1rem;color:var(--gray);
  letter-spacing:0.3rem;text-transform:uppercase;line-height:1.4;
}
.sfield__cap--sp{margin-top:calc(3.5rem - .3585em)}
.brandrow{display:flex;align-items:flex-end;gap:1.25rem;margin-top:1.75rem}
.brandrow i{
  font-family:var(--helv);font-style:normal;font-size:1rem;color:var(--gray);
  padding-bottom:0.875rem;width:1rem;flex:none;
}
.radios{margin-top:1.5rem;display:flex;gap:1.5rem}
.rpill{
  display:inline-flex;align-items:center;gap:0.625rem;height:2.9375rem;padding:0 1.5rem;
  border:0.0625rem solid var(--gray);border-radius:18.75rem;cursor:pointer;
  font-family:var(--mont);font-weight:300;font-size:1.125rem;color:var(--gray);
  letter-spacing:0.0625rem;text-transform:uppercase;white-space:nowrap;
}
.rpill input{appearance:none;-webkit-appearance:none;margin:0;width:0.875rem;height:0.875rem;border:0.09375rem solid var(--gray);border-radius:50%}
.rpill input:checked{background:var(--turquoise);border-color:var(--turquoise)}
.appform__gdpr{margin:3.5rem auto 0;width:84rem;align-items:flex-start;height:auto}
.appform__gdpr span{line-height:1.4;height:auto;white-space:normal}
.appform__gdpr input{margin-top:0.125rem}
.appform__nav{display:flex;align-items:center;justify-content:space-between;margin-top:2.3125rem}
.btn--back{border:0.0625rem solid var(--gray);color:var(--gray);font-weight:300;background:none}
.btn--back:hover{background:#ECECEE}

/* ══════════ CURSOR PERSONALIZADO (corrección del diseñador) ══════════
   Basado en su mockup "Ejemplos de HOVER.html": dentro de las secciones
   navegables (About y Technology) el cursor es una esfera con inercia que
   dice "scroll"; sobre la imagen clicable escala, revela el degradado en
   movimiento y pasa a decir "view more". Sólo escritorio con puntero fino. */
.fx-link{display:block;overflow:hidden}
.fx-link img{transition:transform .6s cubic-bezier(.25,1,.5,1)}
.cursor{display:none}

@media (hover:hover) and (pointer:fine) and (min-width:1280px){
  .fx-zone,.fx-zone *{cursor:none !important}
  .fx-link:hover img{transform:scale(1.03)}

  .cursor{display:block;position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:9999}
  .cursor__in{
    width:11.25rem;height:11.25rem;margin:-5.625rem 0 0 -5.625rem;border-radius:50%;
    background:var(--gray);
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
    transform:scale(0);opacity:0;
    transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s cubic-bezier(.25,1,.5,1);
  }
  .cursor__in::before{
    content:"";position:absolute;inset:0;
    background-image:linear-gradient(135deg,
      #FFF13A 0%,#6CBDA3 16.67%,#C25CDF 33.33%,
      #FFF13A 50%,#6CBDA3 66.67%,#C25CDF 83.33%,#FFF13A 100%);
    background-size:200% 200%;background-position:100% 100%;
    opacity:0;transition:opacity .6s cubic-bezier(.25,1,.5,1);
    animation:gflow-d 6s linear infinite;
  }
  .cursor__txt{
    position:relative;z-index:2;
    font-family:var(--mont);font-weight:200;font-size:1.75rem;color:var(--white);
  }
  .cursor.is-active .cursor__in{transform:scale(1);opacity:1}
  .cursor.is-hover .cursor__in{transform:scale(1.1)}
  .cursor.is-hover .cursor__in::before{opacity:1}

  /* en escritorio la esfera-cursor sustituye a los orbes estáticos */
  .about__media .orb,.tech__head .orb{display:none}
}
@keyframes gflow-d{from{background-position:100% 100%}to{background-position:0% 0%}}
@media (prefers-reduced-motion:reduce){ .cursor__in::before{animation:none} }

/* ══════════════════════════════════════════════════════════════
   RESPONSIVE  ·  el Figma sólo tiene desktop (1920).
   Por debajo de 1280 se reordena en una sola columna.
   ══════════════════════════════════════════════════════════════ */
@media (max-width:1279.98px){
  body{font-size:16px}
  .eyebrow{height:auto}
  /* los rótulos recortados a altura de mayúscula (.717) solapan al envolver
     en pantallas estrechas: aquí recuperan un interlineado legible */
  .eyebrow__txt,.stat__l,.stat__d,.check span,.foot__line,.foot__links a,
  .field label,.sfield span,.sfield__cap,.sheet__crumb,.topbar__txt{line-height:1.35}
  .stat__l,.stat__d,.check span{white-space:normal;height:auto}
  .foot__line,.foot__links a,.field label{height:auto}
  .eyebrow__txt{white-space:normal}
  .foot__line{line-height:1.4}

  .topbar__in{padding:0.625rem 1.5rem;gap:0.75rem}
  .topbar__txt{white-space:normal;font-size:0.6875rem;line-height:1.4}
  /* pastilla de idiomas mínima para que la dirección quepa en dos líneas */
  .lang{width:auto;height:auto;padding:0.1875rem;gap:0.375rem;border-width:0.0625rem}
  .lang__btn{width:2.375rem;height:1.625rem}

  .nav__in{padding:1rem 1.5rem;position:relative}
  .nav__logo img{width:8.25rem;height:2.8125rem}
  .nav__burger{
    display:flex;flex-direction:column;justify-content:center;gap:0.3125rem;
    width:2rem;height:2rem;
  }
  .nav__burger span{display:block;height:0.125rem;width:100%;background:var(--gray);transition:.25s}
  .nav__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(0.4375rem) rotate(45deg)}
  .nav__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-0.4375rem) rotate(-45deg)}
  .nav__menu{
    display:none;position:absolute;left:0;right:0;top:100%;z-index:20;
    flex-direction:column;align-items:flex-start;gap:1.25rem;
    padding:1.25rem 1.5rem 1.75rem;background:var(--white);
    box-shadow:0 1.125rem 2.5rem rgba(12,12,12,.10);
  }
  .nav__menu.is-open{display:flex}
  .nav__menu>a:not(.btn){font-size:0.875rem}
  .btn{height:2.75rem;padding:0 1.5rem;font-size:0.875rem;letter-spacing:0.0875rem}

  .hero{height:auto;padding:0 0 2.5rem}
  .hero__img{position:relative;top:0;width:100%;height:46vw;min-height:13.75rem}
  .hero__veil{display:none}
  .hero__copy{position:static;width:auto;padding:1.75rem 1.5rem 0;gap:1.25rem}
  .hero__title{font-size:2.375rem}
  .hero__copy .eyebrow{margin-bottom:-0.5rem}
  .eyebrow__txt{font-size:0.8125rem;letter-spacing:0.08125rem}
  .eyebrow__txt--hero{font-size:0.75rem;letter-spacing:0.075rem;line-height:1.5}
  .hero__lead{font-size:0.9375rem}

  .marquee{height:3.375rem}
  .mq b,.mq i{height:1.5rem;padding:0 0.75rem;font-size:0.6875rem;letter-spacing:0.125rem}
  @keyframes mq{ to{transform:translateX(-50%)} }

  .about{padding-top:3.5rem}
  .about__head{padding:0 1.5rem;gap:1.5rem}
  .about__row{flex-direction:column;gap:1.5rem;width:auto}
  .about__title{width:auto;font-size:1.75rem}
  .about__cols{flex-direction:column;gap:1rem;width:auto}
  .about__col--a,.about__col--b{width:auto;font-size:0.9375rem}
  .about__media{margin:2rem 1.5rem 0;width:auto}
  .about__media img{width:100%;height:52vw}
  .orb{width:8.25rem;height:8.25rem;font-size:1.25rem}
  .about__media .orb{left:auto;right:1rem;top:-1rem}

  .figures{margin-top:3.5rem}
  .figures__in{padding:2.25rem 1.5rem;gap:1.5rem}
  .figures__grid{flex-wrap:wrap;gap:1.75rem 1.5rem}
  .stat{width:calc(50% - 0.75rem)}
  .stat__n{font-size:2.25rem}
  .stat__l{font-size:0.8125rem;letter-spacing:0.08125rem}

  .tech{margin-top:3.5rem;padding:0 1.5rem}
  .tech__head{gap:1.5rem}
  .tech__title{font-size:1.625rem}
  .tech__head .orb{position:relative;left:auto;top:auto;align-self:flex-end;margin:0.5rem 1rem -4.125rem 0;z-index:2}
  .tcard,.tcard--01,.tcard--02{position:static;width:auto;height:auto;display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem}
  .tcard--01 .tcard__img,.tcard--02 .tcard__img{position:static;width:100%;height:auto}
  .tcard--01 .tcard__body,.tcard--02 .tcard__body{position:static;width:auto;gap:1.25rem}
  .tcard__n{font-size:2.375rem}
  .tcard__h{font-size:1.1875rem;letter-spacing:0.09375rem;white-space:normal}
  .tcard__p{font-size:0.9375rem}
  .tags{flex-wrap:wrap;gap:0.625rem}
  .tag{height:1.75rem;padding:0 0.75rem;font-size:0.625rem;letter-spacing:0.1125rem}
  .quote,.quote--a,.quote--b,.quote--c{width:100%;height:auto;min-height:3.875rem;padding:1rem 1.25rem;font-size:0.9375rem;white-space:normal}

  .products{margin-top:3.5rem;padding:0 1.5rem}
  .products__head{gap:1.5rem}
  .products__title{font-size:1.75rem;white-space:normal}
  .products__sub{font-size:0.9375rem;margin-top:-.3585em}
  .products__head .quote--c{position:static}
  .products__media{margin-top:1.75rem;width:auto}
  .products__media img{width:100%;height:auto}
  .products__rule{width:100%}
  .products__foot{flex-direction:column;align-items:flex-start;gap:1.25rem;width:auto;margin-top:1.75rem}
  .products__note{width:auto;font-size:0.9375rem}
  .tags--right{justify-content:flex-start}

  .distrib{position:static;height:auto;padding:2.75rem 1.5rem}
  .distrib__copy{position:static;width:auto;gap:1.5rem}
  .distrib__title{font-size:1.75rem}
  .distrib__lead{width:auto;font-size:0.9375rem}
  .distrib__map{position:static;width:100%;height:auto;margin-top:1.75rem}

  /* el padding inferior alto evita que la barra del navegador del móvil
     tape el botón de enviar (captura de Sebas 7-sep) */
  .foot{flex-direction:column;padding:2.75rem 1.5rem 6rem;gap:2.25rem}
  .foot__brand{width:auto;gap:1.5rem}
  .foot__title{font-size:1.75rem}
  .foot__line{font-size:0.875rem}
  .foot__links{width:auto;margin:0;flex-flow:row wrap;gap:0.75rem 1.125rem}
  .foot__links a{font-size:0.8125rem;letter-spacing:0.03125rem}
  .foot__form{width:100%;margin:0;position:static;padding-bottom:0}
  .field+.field{margin-top:1.625rem}
  .field label{font-size:0.8125rem;letter-spacing:0.025rem}
  .field input{height:2.75rem}
  .checks,.foot__send{position:static;margin:0}
  .checks{width:auto;margin-top:1.625rem;gap:0.75rem}
  .check{height:auto;align-items:flex-start}
  .check input{width:1.125rem;height:1.125rem;margin-top:0.0625rem}
  .check span{font-size:0.875rem}
  .foot__send{align-self:stretch;width:100%;justify-content:center;margin-top:1.875rem;order:7}
}

@media (max-width:1279.98px){
  .hero--about{height:auto}
  /* top:0 obligatorio: si no, hereda el top negativo del escritorio y la
     foto se esconde tras el header dejando un hueco blanco (visto 4-sep) */
  .hero--about .hero__img{position:relative;top:0;width:100%;height:46vw;min-height:13.75rem}
  .hero__copy--about,.hero__lead--about{width:auto}
  .about--page{padding-top:3.5rem}
  .about__col--c{width:auto;font-size:0.9375rem}
  .ab-who__media{margin:2rem 1.5rem 0}
  .ab-who__media img{width:100%;height:52vw}
  .mvband{margin-top:3.5rem}
  .mvband__in{padding:2.25rem 1.5rem;gap:1.5rem}
  .mvband__row{flex-direction:column;align-items:stretch;gap:2rem}
  .mvband__left,.mvband__right{width:auto;gap:1.5rem}
  .mvband__title{font-size:1.75rem}
  .mvband__title br,.mvband__txt br{display:none}
  .mvband__cols{flex-direction:column;gap:1.25rem}
  .mvband__cell,.mvband__cell--b{width:auto}
  .mvband__label,.mvband__txt{font-size:0.9375rem}
  .mvband__txt{white-space:normal}
  .quote--wide{width:auto;min-height:0}
  .fac,.rd{margin-top:3.5rem;padding:0 1.5rem}
  .fac__title,.rd__title{font-size:1.625rem;margin-top:1.5rem}
  .fac__sub,.rd__sub{font-size:0.9375rem;margin-top:1rem}
  .fac__gallery{flex-direction:column;gap:1rem;margin-top:1.5rem}
  .fac__big{width:100%;height:auto}
  .fac__side{width:100%;flex-direction:row;gap:1rem}
  .fac__side img{width:calc(50% - 0.5rem);height:auto}
  .pillars{width:auto;flex-wrap:wrap;margin-top:1.5rem}
  .pillar{width:calc(50% - 0.625rem)}
  .pillar img{width:100%;height:auto}
  .pillar figcaption{height:3.25rem;gap:0.625rem;padding:0.75rem}
  .pillar figcaption b{font-size:1.5rem}
  .pillar figcaption span{font-size:0.875rem;letter-spacing:0.0625rem}
  .nextband{margin-top:3.5rem;padding:2.25rem 1.5rem}
  .nextband__title{font-size:1.625rem}
  .nextband__grid{margin-top:1.75rem;flex-direction:column;gap:1.5rem}
  .nextcard{width:100%}
  .nextcard img{width:100%;height:auto}
  .nextcard__bar{width:100%;margin-top:0;height:4rem;font-size:1.375rem}
  .foot--sub{padding:2.75rem 1.5rem 6rem}

  /* TECHNOLOGY */
  .hero__copy--tech,.hero__lead--tech{width:auto}
  .tchead .about__head{padding:0 1.5rem}
  .tc-left{width:auto}
  .tc-left .about__title{width:auto}
  .quote--tchead{width:auto;margin-top:1.25rem}
  .pillar1,.pillar2{position:static;width:auto;height:auto;margin:3.5rem 1.5rem 0;display:flex;flex-direction:column;gap:1.5rem}
  .pillar1__copy,.pillar2__copy{position:static;width:auto}
  .pillar1__text,.pillar2__text,.pillar2__copy .ptitle{width:auto}
  .ptitle{font-size:1.875rem;margin-top:1rem}
  .ptitle br{display:none}
  .ptext{margin-top:1rem}
  .ptext p{font-size:0.9375rem}
  .pillar1__panel{position:static;width:auto;margin-top:0.5rem}
  .pillar1__mw{font-size:1.375rem;white-space:normal}
  .pillar1__img{position:static;width:100%;height:auto;order:2}
  .pillar2__img{width:100%;height:auto}
  .minis{position:static;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}
  .mini{width:auto;min-width:9.375rem;height:3.25rem;gap:1rem}
  .mech{margin-top:3.5rem;height:auto;padding:2.25rem 1.5rem}
  .mech__head{width:auto;flex-direction:column;gap:1rem}
  .mech__head .eyebrow{margin-top:0}
  .mech__title{font-size:1.5rem;white-space:normal}
  .mech__grid{width:auto;margin:1.5rem 0 0;flex-wrap:wrap}
  .mcard{width:calc(50% - 0.625rem)}
  .mcard img{width:100%;height:auto}
  .mcard figcaption{height:4rem;gap:0.75rem;padding:0.75rem;white-space:normal}
  .mcard figcaption b{font-size:1.375rem}
  .mcard figcaption span{font-size:0.8125rem;letter-spacing:0.0625rem}
  .quote--p2{position:static;width:auto;margin-top:1.25rem}
  .evi{margin-top:3.5rem;padding:0 1.5rem}
  .evi__title{font-size:1.625rem;margin-top:1.5rem}
  .evi__sub{font-size:0.9375rem;margin-top:0.875rem}
  .evi__row{flex-direction:column;gap:1.5rem;margin-top:1.5rem}
  .evi__chart{width:100%;height:auto}
  .evi__stats{width:auto;gap:1.25rem}
  .evi__stats{height:auto}
  .statcard{height:auto;padding:1.75rem 1.25rem;gap:1rem}
  .statcard__n{font-size:1.875rem}

  /* PRODUCTS */
  .quote--pv{width:auto}
  .hero--prod .hero__img{height:auto;min-height:0}
  .sel{margin:3.5rem 1.5rem 0;width:auto}
  .sel__head{flex-direction:column;align-items:flex-start;gap:1.75rem;height:auto}
  .sel__copy,.sel__title{width:auto}
  .sel__title{font-size:1.75rem}
  .sel__sub{font-size:0.9375rem;margin-top:1rem}
  .sel__thumbs{flex-wrap:wrap;gap:0.75rem}
  .sel__big{width:9.375rem;height:9.375rem}
  .sel__mini{width:4.5rem;height:4.5rem}
  .sheet{margin:1.75rem 0 0;width:auto;height:auto;padding:1.25rem}
  .sheet__left,.sheet__right{position:static;width:auto}
  .sheet__photo{width:100%;height:auto;margin-top:1.25rem}
  .sheet__photo img{height:auto}
  .sheet__stats{margin-top:1.25rem;width:100%}
  .sheet__right{margin-top:1.75rem}
  .sheet__kicker{letter-spacing:0.1875rem;font-size:0.875rem}
  .sheet__name{font-size:1.875rem;margin-top:1.25rem}
  .sheet__tag{margin-top:1rem}
  .sheet__desc{width:auto;margin-top:1rem}
  .spec{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem 0;height:auto}
  .spec b{width:auto}
  .sstat{padding:0.625rem 0.5rem}
  .sstat span{white-space:normal}
  .sheet__kb{gap:0.625rem}
  .cmp{margin:3.5rem 1.5rem 0;width:auto}
  .cmp__title{font-size:1.625rem}
  .cmp__table{margin-top:1.25rem;overflow-x:auto}
  .cmp__row{grid-template-columns:10.625rem 5.625rem 5.625rem 8.125rem 10rem;height:3.5rem;padding:0 0.75rem;min-width:40rem}
  .cmp__row--head{height:4rem}
  .cmp__row span{font-size:0.75rem;gap:0.375rem}
  .cmp__row--head span{letter-spacing:0.0625rem}
  .want{margin-top:3.5rem}
  .want__in{padding:2.25rem 1.5rem}
  .want__title{width:auto;font-size:1.625rem;margin-top:1.25rem}
  .stepform{width:auto;margin-top:1.5rem;padding:1.5rem;border-radius:1rem}
  .sfield span{letter-spacing:0.125rem;font-size:0.8125rem}
  .sfield input{height:3rem}
  .sfield__row{flex-direction:column;gap:0}
  .stepform__next{margin-top:1.75rem}

  /* DISTRIBUTORS */
  .why{margin-top:3.5rem;padding:0 1.5rem}
  .why__title{font-size:1.625rem;margin-top:1.5rem}
  .why__sub{font-size:0.9375rem;margin-top:0.875rem}
  .pillars--why{margin:1.5rem 0 0}
  .umb{position:static;height:auto;margin-top:3.5rem;padding:2.25rem 1.5rem}
  .umb__left,.umb__lead{width:auto}
  .umb__title{font-size:1.625rem;margin-top:1.25rem}
  .umb__lead{margin-top:1rem}
  .umb__img{position:static;width:100%;height:auto;margin-top:1.25rem}
  .usteps{position:static;width:auto;margin-top:1.75rem}
  .ustep{padding:1.25rem 0}
  .apply__in{padding:2.25rem 1.5rem}
  .apply__title{font-size:1.625rem;white-space:normal;margin-top:1.25rem}
  .apply__sub{font-size:0.9375rem;margin-top:0.875rem}
  .appform{width:auto;margin-top:1.5rem;padding:1.5rem;border-radius:1rem}
  .brandrow{flex-wrap:wrap;gap:0.5rem}
  .radios{flex-wrap:wrap;gap:0.625rem}
  .rpill{height:2.5rem;padding:0 1rem;font-size:0.875rem}
  .appform__gdpr{width:auto;margin-top:1.75rem}
  .appform__nav{margin-top:1.5rem}
}

@media (max-width:600px){
  .pillar{width:100%}
  .stat{width:100%}
  .hero__title{font-size:1.875rem}
  .about__title,.products__title,.distrib__title,.foot__title,.tech__title{font-size:1.4375rem}
}

/* ══════════ AJUSTES SOLO-ESPAÑOL (escritorio) ══════════
   El lienzo del Figma está medido para el texto INGLÉS; el español es más
   largo y se salía de los contenedores (capturas de Sebas 7-sep). Estas
   reglas solo actúan cuando i18n.js pone lang="es" en <html>; la versión
   inglesa queda intacta (pixel-perfect contra el Figma). */
@media (min-width:1280px){
  /* banda EN CIFRAS: con gap:169 la 4ª columna ya nacía fuera del lienzo
     (en inglés no se veía porque el texto sobrante quedaba cortado o era
     gris-sobre-gris); en ES las columnas se reparten el ancho real y los
     rótulos envuelven dentro de su columna */
  html[lang="es"] .figures__grid{gap:0;justify-content:space-between}
  html[lang="es"] .stat__l{white-space:normal;height:auto;line-height:1.2}
  html[lang="es"] .stat__d{white-space:normal;height:auto;line-height:1.3}
  /* las quotes envuelven a 2 líneas en vez de recortarse por la derecha */
  html[lang="es"] .quote{white-space:normal;height:auto;min-height:5.0625rem;padding-top:0.875rem;padding-bottom:0.875rem}
  /* PILAR 01: la botonera deja el ancla top:33.3125rem del Figma y vuelve al
     flujo, para que el párrafo largo no la pise */
  html[lang="es"] .minis{position:static;margin-top:1.75rem}
  /* «DISTRIBUIDORES» no cabe en la columna de 7.25rem del footer; se ensancha
     la columna y se compensa el margen del formulario (el total no cambia) */
  html[lang="es"] .foot__links{width:9.375rem}
  html[lang="es"] .foot__form{margin-left:19.0625rem}
}

/* repaso en vivo 8-sep (extensión de Chrome), ajustes ES de escritorio: */
@media (min-width:1280px){
  /* PILAR 02: el párrafo ES es más largo y quedaba tapado por la quote
     anclada a top:23.8125rem del Figma; en ES la quote fluye tras el texto */
  html[lang="es"] .quote--p2{position:static;margin-top:1.5rem}
  /* «Biocompatibilidad superior» desbordaba 0.1875rem el rótulo del pilar */
  html[lang="es"] .pillar figcaption,html[lang="es"] .cardover__head{gap:0.5rem}
}