/* =========================================================
   1pit - Capacidades
   Titulo scramble + subtitulo con mascara
   ========================================================= */

.onepit-cap{
  --op-acento:#FC5601;
  --op-texto:#FFFFFF;
  --op-fondo:#05070D;
  --op-btn-fondo:#141C24;
  --op-marco:14px;
  --op-radio:26px;

  position:relative;
  background:var(--op-fondo);
  padding:var(--op-marco);
  font-family:var(--op-fuente-texto, "Inter", system-ui, sans-serif);
}
.onepit-cap *{box-sizing:border-box}
.onepit-cap p{margin:0}

.onepit-cap-panel{
  border-radius:var(--op-radio);
  background:var(--op-fondo);
  padding:clamp(64px,13svh,132px) 0;
  overflow:hidden;
}

.onepit-cap-inner{
  width:100%;max-width:1180px;margin:0 auto;
  padding:0 clamp(20px,5vw,56px);
}

.onepit-cap .onepit-cap-etiqueta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--op-fuente-etiqueta, "IBM Plex Mono", monospace);
  font-weight:var(--op-peso-etiqueta, 500);
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  padding:8px 14px;border-radius:4px;
  margin-bottom:clamp(28px,4.5svh,46px);
}
.onepit-cap-punto{
  width:8px;height:8px;border-radius:2px;
  background:var(--op-acento);flex:none;
}

.onepit-cap .onepit-cap-t1,
.onepit-cap .onepit-cap-t2{display:block;font-size:inherit;line-height:inherit}
.onepit-cap-titulo .line{display:block}

.onepit-cap .onepit-cap-titulo{
  font-family:var(--op-fuente-titulo, "Sora", system-ui, sans-serif);
  font-weight:var(--op-peso-titulo, 600);letter-spacing:-.032em;line-height:1.14;
  font-size:var(--op-titulo, clamp(27px,6.6vw,54px));
  color:var(--op-texto);
  margin:0;max-width:22ch;
}
/* el scramble cambia los caracteres: reservamos el alto */
.onepit-cap-t2{min-height:1.14em}

.onepit-cap .onepit-cap-sub{
  font-weight:var(--op-peso-texto, 400);
  margin-top:clamp(22px,3.8svh,34px);
  font-size:clamp(15px,3.9vw,19px);
  line-height:1.62;
  color:rgba(255,255,255,.60);
  max-width:54ch;
}
/* SplitText con mascara envuelve cada linea */
.onepit-cap-sub .line{display:block}

.onepit-cap .onepit-cap-cta-wrap{margin-top:clamp(32px,5.5svh,52px)}

/* estado inicial cuando el JS toma el control */
.onepit-cap[data-listo="1"] .onepit-cap-etiqueta,
.onepit-cap[data-listo="1"] .onepit-cap-cta-wrap{opacity:0}

/* ---------- editor ---------- */
.onepit-cap.is-editor .onepit-cap-panel{padding:44px 0}
.onepit-cap.is-editor .onepit-cap-titulo{font-size:clamp(21px,3.4vw,32px);min-height:0}
.onepit-cap.is-editor .onepit-cap-nota{
  margin-top:18px;font-family:var(--op-fuente-etiqueta, "IBM Plex Mono", monospace);
  font-weight:var(--op-peso-etiqueta, 500);
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,255,255,.42);
}
.onepit-cap.is-editor .op-btn-txt{padding:12px 18px;font-size:11px}
.onepit-cap.is-editor .op-btn-caja{width:42px;border-radius:14px}

@media (prefers-reduced-motion:reduce){
  .onepit-cap [data-scramble],
  .onepit-cap [data-mask],
  .onepit-cap .onepit-cap-etiqueta,
  .onepit-cap .onepit-cap-cta-wrap{opacity:1!important}
}