/* Manifiesto BRB: micro-presentacion de tipografia cinetica (2026-10-05) */
.manifiesto{position:relative;background:#081a33;color:#fff;overflow:hidden;padding:clamp(64px,9vw,120px) 0}
.manifiesto::before{content:"";position:absolute;inset:-20% -10% auto auto;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(closest-side,rgba(64,128,210,.22),transparent);pointer-events:none}
.manifiesto .wrap{position:relative}
.mf-kicker{font:500 12px/1.4 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8db6ea;min-height:1.4em;transition:color 300ms ease}
.manifiesto.is-pain .mf-kicker{color:#f2a7a0}
.mf-stage{display:block;width:100%;min-height:3.3em;margin-top:18px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer;
  font:400 clamp(36px,6.2vw,92px)/1.05 var(--serif);letter-spacing:-.02em;max-width:17ch}
.manifiesto.is-big .mf-stage{font-size:clamp(56px,11vw,168px)}
.mf-stage .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.mf-stage .wi{display:inline-block;will-change:transform}
.mf-stage .wi.em{font-style:italic;color:#8db6ea}
.manifiesto.is-pain .mf-stage .wi.em{color:#f2a7a0}
.mf-bars{display:flex;gap:6px;margin-top:clamp(28px,4vw,44px);max-width:720px}
.mf-seg{flex:1;height:14px;padding:5px 0;border:0;background:none;cursor:pointer}
.mf-seg i{display:block;height:3px;border-radius:2px;background:rgba(255,255,255,.22);overflow:hidden;position:relative}
.mf-seg i::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.mf-seg.done i::after{transform:scaleX(1)}
.mf-seg.cur i::after{animation:mfFill var(--d,3000ms) linear forwards}
.manifiesto.paused .mf-seg.cur i::after,.manifiesto.offscreen .mf-seg.cur i::after{animation-play-state:paused}
@keyframes mfFill{to{transform:scaleX(1)}}
.mf-foot{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
.mf-ctrl{display:flex;gap:8px}
.mf-ctrl button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font:500 13px/1 var(--sans);cursor:pointer;transition:background-color 200ms ease,border-color 200ms ease}
@media (hover:hover) and (pointer:fine){.mf-ctrl button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}}
.manifiesto .btn-cta{margin-left:auto}
.manifiesto .btn-gold{background:#fff;color:#0b1f3a;border-color:#fff}
.mf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:700px){.manifiesto .btn-cta{margin-left:0}.mf-stage{min-height:4.4em}}