/* ============================================================
   fx.css — capa de efectos "nivel agencia" sobre el sitio dark.
   Aditiva: se carga después de styles.css y dark.css.
   ============================================================ */

/* ---- Scroll progress ---- */
.fx-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:300;background:transparent;pointer-events:none}
.fx-progress span{display:block;height:100%;width:100%;background:var(--sindicato-orange);transform:scaleX(0);transform-origin:0 50%;will-change:transform}

/* ---- Film grain + vignette (profundidad premium) ---- */
.fx-grain{position:fixed;inset:0;z-index:280;pointer-events:none;opacity:0.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.fx-vignette{position:fixed;inset:0;z-index:1;pointer-events:none;
  box-shadow:inset 0 0 220px 40px rgba(0,0,0,0.45)}

/* ---- Cursor glow (solo desktop con puntero fino) ---- */
.fx-glow{position:fixed;width:520px;height:520px;border-radius:50%;z-index:2;pointer-events:none;left:0;top:0;
  transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease;
  background:radial-gradient(circle,rgba(232,93,60,0.14),rgba(232,93,60,0) 62%);will-change:transform}
@media (hover:hover) and (pointer:fine){ body.fx-on .fx-glow{opacity:1} }
@media (hover:none){ .fx-glow{display:none} }

/* ---- Parallax ---- */
.fx-par{will-change:transform}

/* ---- HERO VIDEO (lateral derecho, como la landing) ---- */
.hero{position:relative;overflow:hidden}
.hero-video-shell{position:absolute;top:0;right:0;bottom:0;width:62%;z-index:0;overflow:hidden;pointer-events:none}
.hero-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(0.25) contrast(1.06) brightness(0.6)}
.hero-video-overlay{position:absolute;inset:0;background:
  linear-gradient(100deg, #131313 0%, #131313 26%, rgba(19,19,19,0.80) 46%, rgba(19,19,19,0.34) 70%, rgba(19,19,19,0.10) 100%),
  linear-gradient(0deg, rgba(19,19,19,0.55), rgba(19,19,19,0.10))}
.hero-shell{position:relative;z-index:2}
.hero-grid-bg{z-index:1}
.hero-bgword{z-index:1}
@media (max-width:880px){
  .hero-video-shell{width:100%;opacity:0.45}
  .hero-video-overlay{background:linear-gradient(180deg, rgba(19,19,19,0.8) 0%, rgba(19,19,19,0.55) 50%, #131313 100%)}
}

/* ---- HEADER (hero) en NEGRO ---- */
.hero.v-paper{background:#131313}
.hero.v-paper .hero-grid-bg{background-image:linear-gradient(to right,rgba(245,243,239,0.06) 1px,transparent 1px);opacity:.5}
.hero.v-paper .hero-bgword{color:rgba(245,243,239,0.05)}
.hero.v-paper .hero-headline,.hero.v-paper .hh-line,.hero.v-paper .hero-claim .hc-text{color:var(--paper)}
.hero.v-paper .hero-sub{color:rgba(245,243,239,0.84)}
.hero.v-paper .hero-eyebrow,.hero.v-paper .hero-eyebrow span{color:rgba(245,243,239,0.7)}
.hero.v-paper .hf-label{color:var(--paper)}
.hero.v-paper .hf-sub,.hero.v-paper .hc-label,.hero.v-paper .hero-caption{color:rgba(245,243,239,0.5)}
.hero.v-paper .hf-line,.hero.v-paper .hc-rule{background:rgba(245,243,239,0.16)}
.hero.v-paper .hero-caption{border-top-color:rgba(245,243,239,0.14)}
.hero.v-paper .btn-ghost{color:var(--paper);box-shadow:inset 0 0 0 1px rgba(245,243,239,0.42)}
.hero.v-paper .btn-ghost:hover{color:#fff}
/* NAV oscuro (parte del header) */
header.nav{background:rgba(19,19,19,0.85)!important;border-bottom:1px solid rgba(245,243,239,0.12)!important}
header.nav .brand-mark img{filter:brightness(0) invert(1)}
header.nav .nav-links a{color:rgba(245,243,239,0.82)}
header.nav .nav-links a:hover{color:#fff}
header.nav .brand-sub{color:rgba(245,243,239,0.5);border-left-color:rgba(245,243,239,0.18)}
.nav-toggle{color:var(--paper)!important;border-color:rgba(245,243,239,0.3)!important}
@media (prefers-reduced-motion: reduce){ .hero-video-bg{display:none} }


/* ---- BOTONES PREMIUM (barrido + flecha) ---- */
.btn{position:relative;overflow:hidden;isolation:isolate;
  transition:color .3s var(--ease-out),box-shadow .3s var(--ease-out),letter-spacing .3s var(--ease-out),transform .12s var(--ease-out)!important}
.btn::after{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:left center;
  transition:transform .5s cubic-bezier(.7,0,.2,1)}
.btn:hover::after{transform:scaleX(1)}
.btn-primary::after{background:var(--orange-deeper,#A53819)}
.btn-primary:hover{box-shadow:0 16px 34px -14px rgba(232,93,60,0.6)}
.btn-dark::after{background:#000}
.btn-ghost::after{background:var(--sindicato-orange)}
.btn-ghost:hover{color:#fff}
.btn:hover{letter-spacing:0.085em}
.btn .ar{transition:transform .42s cubic-bezier(.7,0,.2,1)!important}
.btn:hover .ar{transform:translate(4px,-4px)}

/* ---- HOVER de tarjetas (lift + acento) ---- */
[class*="-card"],[class*="-tile"]{transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .3s var(--ease-out)!important}
[class*="-card"]:hover,[class*="-tile"]:hover{transform:translateY(-6px);box-shadow:0 30px 60px -34px rgba(0,0,0,0.7)}
.proof-item img,.logo-cell img,.logo-grid img{transition:opacity .2s ease,transform .4s var(--ease-out)!important}
.proof-item:hover img,.logo-cell:hover img{transform:scale(1.08)}

/* ---- Imágenes de casos: zoom suave al hover ---- */
[class*="case"] img,[class*="-img"] img,figure img{transition:transform .6s var(--ease-out)!important}
[class*="case"]:hover img,figure:hover img{transform:scale(1.05)}

/* ---- Reveal: variación direccional + stagger más rico ---- */
.reveal{transition-duration:760ms!important}

/* ---- Eyebrow con línea animada ---- */
.eyebrow{position:relative}

/* ---- Links de nav con subrayado animado ---- */
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1.5px;background:var(--sindicato-orange);transition:right .32s var(--ease-out)}
.nav-links a:hover::after{right:0}

@media (prefers-reduced-motion: reduce){
  .fx-grain,.fx-glow{display:none}
  .fx-par{transform:none!important}
}

/* ============================================================
   FLUJO DIDÁCTICO — el sistema cobra vida (pauta → … → decisión)
   ============================================================ */
.hero-flow{position:relative}
.hf-line{position:relative;overflow:hidden}
.hf-line-fill{position:absolute;inset:0;transform-origin:left center}
@keyframes fxFlowFill{0%{transform:scaleX(0)}45%{transform:scaleX(1)}100%{transform:scaleX(1)}}
@keyframes fxNodePulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(232,93,60,0)}
  50%{transform:scale(1.5);box-shadow:0 0 0 6px rgba(232,93,60,0.18)}
}
@media (prefers-reduced-motion:no-preference){
  .hero-flow .hf-line-fill{animation:fxFlowFill 5s var(--ease-out) infinite;animation-delay:calc(var(--i,0)*0.6s)}
  .hero-flow .hf-dot{animation:fxNodePulse 5s ease-in-out infinite;animation-delay:calc(var(--i,0)*0.6s)}
}
.hf-node{transition:transform .3s var(--ease-out)}
.hf-node:hover{transform:translateY(-4px)}

/* Línea-acento bajo cada eyebrow de sección (guía la lectura) */
.eyebrow::after{content:"";display:block;width:0;height:2px;background:var(--sindicato-orange);margin-top:8px;transition:width .8s var(--ease-out)}
.reveal.in .eyebrow::after,.in .eyebrow::after{width:40px}

/* ============================================================
   SYSTEM CONSOLE — módulo didáctico "muy de data"
   ============================================================ */
.syscon{background:#0f0f0e;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);padding:clamp(64px,8vw,120px) 0;position:relative;overflow:hidden}
.syscon::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:42px 42px;opacity:0.25;pointer-events:none}
.syscon-in{position:relative;z-index:1}
.syscon-head{max-width:760px;margin-bottom:clamp(36px,4vw,56px)}
.syscon-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sindicato-orange)}
.syscon-rec{width:8px;height:8px;border-radius:50%;background:var(--sindicato-orange);animation:syRec 1.6s ease-in-out infinite}
@keyframes syRec{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(232,93,60,.5)}50%{opacity:.4;box-shadow:0 0 0 5px rgba(232,93,60,0)}}
.syscon-h{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;font-size:clamp(30px,4.4vw,64px);color:var(--paper);margin:16px 0 0}
.syscon-h .or{color:var(--sindicato-orange);font-style:italic}
.syscon-sub{font-family:var(--font-body);font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:var(--on-dark,rgba(245,243,239,.8));max-width:62ch;margin-top:16px}
.syscon-pipe{display:flex;align-items:stretch;gap:0;flex-wrap:nowrap;margin-top:8px}
.syscon-node{flex:1 1 0;min-width:0;background:#161615;border:1px solid var(--hairline);padding:20px 18px;display:flex;flex-direction:column;gap:10px;transition:transform .35s var(--ease-out),background .3s}
.syscon-node:hover{transform:translateY(-6px);background:#1c1c1b}
.syscon-node-top{display:flex;align-items:center;justify-content:space-between}
.sn-i{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--sindicato-orange)}
.sn-dot{width:9px;height:9px;border-radius:50%;background:var(--sindicato-orange);box-shadow:0 0 0 4px rgba(232,93,60,.15)}
.sn-name{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(17px,1.6vw,22px);color:var(--paper);line-height:1}
.sn-metric{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
.sn-num{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2vw,28px);color:var(--paper);font-variant-numeric:tabular-nums;letter-spacing:-.01em;transition:color .2s}
.sn-num.tick{color:var(--sindicato-orange)}
.sn-unit{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-soft,#9d978d)}
.sn-spark{display:flex;align-items:flex-end;gap:3px;height:30px}
.sn-spark i{flex:1;background:linear-gradient(var(--sindicato-orange),rgba(232,93,60,.25));transition:height .9s var(--ease-out);min-height:2px}
.sn-desc{font-family:var(--font-body);font-size:12px;line-height:1.45;color:var(--on-dark,rgba(245,243,239,.7))}
.syscon-link{flex:0 0 46px;align-self:center;height:2px;background:var(--hairline);position:relative;margin:0 -1px;z-index:2}
.syscon-link .pk{position:absolute;top:50%;left:0;width:7px;height:7px;border-radius:50%;background:var(--sindicato-orange);transform:translateY(-50%);box-shadow:0 0 8px rgba(232,93,60,.8);animation:syFlow 2.4s linear infinite}
.syscon-link .pk.d2{animation-delay:.8s}.syscon-link .pk.d3{animation-delay:1.6s}
@keyframes syFlow{0%{left:-4px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.syscon-ticker{display:flex;align-items:center;gap:14px;margin-top:24px;border:1px solid var(--hairline);background:#161615;padding:12px 16px;font-family:var(--font-mono);font-size:12px}
.tk-label{color:var(--sindicato-orange);text-transform:uppercase;letter-spacing:.14em;font-size:10px;flex:none}
.tk-track{overflow:hidden;flex:1;min-width:0}
.tk-item{color:var(--on-dark,rgba(245,243,239,.82));transition:opacity .22s;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.tk-item b{color:var(--paper)}
@media (max-width:880px){
  .syscon-pipe{flex-direction:column}
  .syscon-link{flex:0 0 30px;width:2px;height:30px;align-self:flex-start;margin:-1px 0 -1px 28px}
  .syscon-link .pk{top:0;left:50%;transform:translateX(-50%);animation:syFlowV 2.4s linear infinite}
  @keyframes syFlowV{0%{top:-4px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}
}

/* ============================================================
   PROBLEM FUNNEL — "el problema en números" (bloque claro, interactivo)
   ============================================================ */
.pfun{background:var(--off-white);padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong)}
.pfun-head{max-width:780px;margin-bottom:clamp(32px,4vw,48px)}
.pfun-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sindicato-orange)}
.pfun-h{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;font-size:clamp(30px,4.4vw,64px);color:var(--ink);margin:16px 0 0}
.pfun-h .or{color:var(--sindicato-orange);font-style:italic}
.pfun-sub{font-family:var(--font-body);font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:var(--grey-2);max-width:64ch;margin-top:16px}
.pfun-toggle{display:inline-flex;margin-top:24px;border:1px solid var(--hairline-strong);background:var(--white)}
.pfun-tab{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:var(--grey-2);padding:12px 22px;transition:background .2s,color .2s}
.pfun-tab.on{background:var(--ink);color:var(--paper)}
.pfun.is-con .pfun-tab.on{background:var(--sindicato-orange);color:#fff}
.pfun-bars{display:flex;flex-direction:column;gap:18px;max-width:980px}
.pfun-row{display:flex;flex-direction:column;gap:7px}
.pfun-rowtop{display:flex;justify-content:space-between;align-items:baseline}
.pfun-label{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(14px,1.3vw,17px);color:var(--ink)}
.pfun-count{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.5vw,20px);color:var(--ink);font-variant-numeric:tabular-nums}
.pfun-track{position:relative;height:26px;background:var(--hairline);overflow:hidden}
.pfun-fill{position:absolute;left:0;top:0;bottom:0;background:var(--sindicato-orange);width:100%;transition:width .7s var(--ease-out)}
.pfun.is-con .pfun-fill{background:var(--ok)}
.pfun-leak{position:absolute;top:0;bottom:0;width:0;background:repeating-linear-gradient(45deg,rgba(220,38,38,.18) 0 6px,transparent 6px 12px);transition:width .7s var(--ease-out),left .7s var(--ease-out)}
.pfun-drop{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--grey)}
.pfun-drop.warn{color:var(--warn)}
.pfun-drop.hot{color:var(--bad)}
.pfun-foot{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;margin-top:30px;padding-top:20px;border-top:1px solid var(--hairline-strong);max-width:980px}
.pfun-stat{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(17px,1.8vw,24px);color:var(--ink)}
.pfun-stat b{color:var(--sindicato-orange)}
.pfun.is-con .pfun-stat .pfun-end{color:var(--ok)}
.pfun-note{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}

/* ---- Fix grid de paquetes (evitar celda vacía en desktop ancho) ---- */
@media (min-width:1080px){ .price-stage{grid-template-columns:repeat(3,1fr)!important} }
@media (min-width:768px) and (max-width:1079px){ .price-stage{grid-template-columns:1fr!important} }

/* ============================================================
   INVESTMENT ANATOMY — bloque oscuro: fee + pauta por paquete
   ============================================================ */
.invanat{background:#0f0f0e;padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);position:relative;overflow:hidden}
.invanat::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(245,243,239,.06) 1px,transparent 1px);background-size:64px 100%;opacity:.4;pointer-events:none}
.invanat-in{position:relative;z-index:1}
.invanat-head{max-width:780px;margin-bottom:clamp(32px,4vw,52px)}
.invanat-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sindicato-orange)}
.invanat-h{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;font-size:clamp(30px,4.4vw,64px);color:var(--paper);margin:16px 0 0}
.invanat-h .or{color:var(--sindicato-orange);font-style:italic}
.invanat-sub{font-family:var(--font-body);font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:rgba(245,243,239,.8);max-width:66ch;margin-top:16px}
.invanat-sub b{color:var(--paper)}
.invanat-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:22px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.invanat-legend .lg{display:inline-flex;align-items:center;gap:8px;color:rgba(245,243,239,.78)}
.invanat-legend .lg::before{content:"";width:12px;height:12px}
.lg-fee::before{background:var(--sindicato-orange)}
.lg-pauta::before{background:rgba(245,243,239,.34)}
.invanat-setupnote{color:rgba(245,243,239,.45)}
.invanat-bars{display:flex;flex-direction:column;gap:26px;max-width:1040px}
.invanat-row{display:flex;flex-direction:column;gap:9px}
.invanat-row.feat .invanat-k{color:var(--sindicato-orange)}
.invanat-rowtop{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.invanat-k{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(16px,1.6vw,22px);color:var(--paper);display:inline-flex;align-items:center;gap:10px}
.invanat-flag{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:#fff;background:var(--sindicato-orange);padding:3px 8px}
.invanat-total{font-family:var(--font-display);font-weight:700;font-size:clamp(15px,1.5vw,20px);color:var(--paper);font-variant-numeric:tabular-nums}
.invanat-total i{font-family:var(--font-mono);font-style:normal;font-size:10px;color:rgba(245,243,239,.5);letter-spacing:.08em}
.invanat-track{position:relative;height:40px;background:#1a1a19;border:1px solid var(--hairline)}
.invanat-fee{position:absolute;left:0;top:0;bottom:0;background:var(--sindicato-orange);display:flex;align-items:center;padding-left:10px;overflow:hidden;transition:width .8s var(--ease-out)}
.invanat-fee span{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#fff;white-space:nowrap}
.invanat-pauta{position:absolute;top:0;bottom:0;background:rgba(245,243,239,.32);transition:width .8s var(--ease-out),left .8s var(--ease-out)}
.invanat-pauta.ghost{background:repeating-linear-gradient(45deg,rgba(245,243,239,.22) 0 6px,transparent 6px 12px)}
.invanat-palabel{position:absolute;top:50%;transform:translateY(-50%);margin-left:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,243,239,.85);white-space:nowrap;pointer-events:none}
.invanat-meta{display:flex;gap:8px 22px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,243,239,.45)}
.invanat-foot{margin-top:30px;padding-top:20px;border-top:1px solid var(--hairline);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(15px,1.6vw,20px);color:var(--paper);max-width:60ch}
@media (max-width:640px){
  .invanat-palabel{display:none}
  .invanat-fee span{font-size:9px}
}

/* ============================================================
   PROOF CLAIMS — "Comprueba lo que decimos" (bloque oscuro, References)
   ============================================================ */
.pclaims{background:#131313;padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--hairline)}
.pclaims-head{max-width:760px;margin-bottom:clamp(32px,4vw,48px)}
.pclaims-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sindicato-orange)}
.pclaims-h{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;font-size:clamp(30px,4.4vw,64px);color:var(--paper);margin:16px 0 0}
.pclaims-h .or{color:var(--sindicato-orange);font-style:italic}
.pclaims-sub{font-family:var(--font-body);font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:rgba(245,243,239,.8);max-width:64ch;margin-top:16px}
.pclaims-list{border-top:1px solid var(--hairline);max-width:1040px}
.pclaims-row{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start;padding:24px 0;border-bottom:1px solid var(--hairline);transition:padding-left .3s var(--ease-out)}
.pclaims-row:hover{padding-left:10px}
.pclaims-n{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--sindicato-orange);padding-top:4px}
.pclaims-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.pclaims-claim{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(17px,1.8vw,24px);color:var(--paper);line-height:1.05}
.pclaims-how{font-family:var(--font-body);font-size:clamp(13px,1.1vw,15px);line-height:1.5;color:rgba(245,243,239,.66);max-width:70ch}
.pclaims-mark{flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(63,216,138,.5);color:var(--ok);display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:2px}
@media (max-width:560px){.pclaims-row{grid-template-columns:auto 1fr;gap:14px}.pclaims-mark{display:none}}

/* ============================================================
   ONE TEAM — "Un solo equipo, cero handoffs" (bloque claro, A→Z)
   ============================================================ */
.oneteam{background:var(--off-white);padding:clamp(64px,8vw,120px) 0;border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong)}
.oneteam-head{max-width:760px;margin-bottom:clamp(32px,4vw,48px)}
.oneteam-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--sindicato-orange)}
.oneteam-h{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.03em;line-height:.92;font-size:clamp(30px,4.4vw,64px);color:var(--ink);margin:16px 0 0}
.oneteam-h .or{color:var(--sindicato-orange);font-style:italic}
.oneteam-sub{font-family:var(--font-body);font-size:clamp(15px,1.3vw,18px);line-height:1.55;color:var(--grey-2);max-width:66ch;margin-top:16px}
.oneteam-flow{display:flex;align-items:stretch;gap:0;flex-wrap:nowrap;margin-top:8px}
.oneteam-step{flex:1 1 0;min-width:0;background:var(--white);border:1px solid var(--hairline-strong);padding:20px 16px;display:flex;flex-direction:column;gap:8px;transition:transform .35s var(--ease-out),background .3s}
.oneteam-step:hover{transform:translateY(-5px)}
.oneteam-step.end{background:var(--ink)}
.oneteam-step.end .oneteam-t{color:var(--paper)}
.oneteam-step.end .oneteam-d{color:rgba(245,243,239,.6)}
.oneteam-letter{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,3vw,42px);line-height:.8;color:var(--sindicato-orange);letter-spacing:-.03em}
.oneteam-t{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(14px,1.3vw,17px);color:var(--ink);line-height:1}
.oneteam-d{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.oneteam-arrow{flex:0 0 22px;align-self:center;text-align:center;color:var(--sindicato-orange);font-size:14px}
.oneteam-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline-strong);border:1px solid var(--hairline-strong);margin-top:24px}
.oneteam-stat{background:var(--white);padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.oneteam-num{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3.4vw,48px);color:var(--sindicato-orange);letter-spacing:-.03em;line-height:.85}
.oneteam-lbl{font-family:var(--font-body);font-size:13px;line-height:1.4;color:var(--grey-2)}
@media (max-width:880px){
  .oneteam-flow{flex-direction:column}
  .oneteam-arrow{flex:0 0 22px;height:22px;transform:rotate(90deg)}
  .oneteam-foot{grid-template-columns:1fr}
}

/* ---- Banda FLOW del manifiesto: se OCULTA (duplicaba "el sistema en vivo") ---- */
.manifesto .flow{display:none!important}