/* =========================================================
   CONTADOR DE PERSONAS · línea Fórmula 1 · Oracle Cloud
   ========================================================= */
/* Barlow Condensed (solo en esta landing). Ver assets/fonts/LICENCIAS.txt */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(../../fonts/barlow-condensed-latin-600.woff2) format('woff2');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}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../../fonts/barlow-condensed-latin-700.woff2) format('woff2');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}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url(../../fonts/barlow-condensed-latin-800.woff2) format('woff2');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}
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:700;font-display:swap;src:url(../../fonts/barlow-condensed-latin-700-italic.woff2) format('woff2');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}
@font-face{font-family:'Barlow Condensed';font-style:italic;font-weight:800;font-display:swap;src:url(../../fonts/barlow-condensed-latin-800-italic.woff2) format('woff2');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}
.f1{--f1-bg:#04060c;--f1-ink:#f4f6fb;--f1-mute:rgba(244,246,251,.62);--f1-line:rgba(255,255,255,.12);--oracle:#c74634;--f1-blue:#3d8bff;
  --f1-cond:'Barlow Condensed','Tilt Warp',system-ui,sans-serif;background:var(--f1-bg);color:var(--f1-ink)}
.f1 section{padding:0}
.f1 .wrap{position:relative}
.f1-kicker{display:inline-flex;align-items:center;gap:12px;font-family:var(--f1-cond);font-weight:600;letter-spacing:.32em;text-transform:uppercase;font-size:.82rem;color:var(--f1-mute)}
.f1-kicker::before{content:"";width:34px;height:3px;background:var(--oracle);transform:skewX(-30deg)}
.f1-h{font-family:var(--f1-cond);font-weight:800;font-style:italic;text-transform:uppercase;line-height:.88;letter-spacing:-.01em}
.f1-num{font-family:var(--f1-cond);font-weight:800;font-style:italic;line-height:.9}

/* ---------- 1. Hero con auto 3D ---------- */
.f1-hero{height:340vh;position:relative}
.f1-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:
  radial-gradient(1100px 520px at 50% 72%,rgba(61,139,255,.22),transparent 65%),
  radial-gradient(700px 400px at 85% 15%,rgba(199,70,52,.16),transparent 70%),
  linear-gradient(180deg,#05070d 0%,#070b17 55%,#04060c 100%)}
.f1-stage::before{content:"";position:absolute;inset:auto 0 0 0;height:46%;background:
  repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 90px),
  linear-gradient(180deg,transparent,rgba(61,139,255,.07));transform:perspective(600px) rotateX(62deg);transform-origin:bottom;opacity:.7}
.f1-streaks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.f1-streaks i{position:absolute;height:1px;width:38%;left:-40%;background:linear-gradient(90deg,transparent,rgba(169,205,255,.55),transparent);animation:streak 3.4s linear infinite}
.f1-streaks i:nth-child(1){top:22%;animation-delay:0s}.f1-streaks i:nth-child(2){top:38%;animation-delay:1.2s;width:24%}
.f1-streaks i:nth-child(3){top:61%;animation-delay:.5s}.f1-streaks i:nth-child(4){top:74%;animation-delay:2.1s;width:30%}
.f1-streaks i:nth-child(5){top:12%;animation-delay:2.8s;width:18%;background:linear-gradient(90deg,transparent,rgba(199,70,52,.6),transparent)}
@keyframes streak{to{left:110%}}
.f1-canvas{position:absolute;inset:0}
.f1-canvas canvas{width:100%!important;height:100%!important;display:block}
/* póster del auto: se ve primero y es lo único en móviles, con ahorro de datos o «reducir movimiento».
   Si el 3D carga, aparece encima con un fundido. Encuadre parecido al de la cámara 3D. */
.f1-fallback{position:absolute;inset:0;pointer-events:none;transition:opacity 1.2s ease}
.f1-canvas.ready~.f1-fallback{opacity:0}
.f1-hud{position:absolute;inset:0;pointer-events:none;z-index:2}
.f1-hud .top{position:absolute;top:96px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,4vw,56px)}
.f1-hud .lap{font-family:var(--f1-cond);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;color:var(--f1-mute);display:flex;gap:18px;align-items:center}
.f1-hud .lap b{color:#fff;font-size:1.05rem;letter-spacing:.06em}
.f1-hud .sectors{display:flex;gap:6px}
.f1-hud .sectors span{width:46px;height:5px;background:rgba(255,255,255,.12);transform:skewX(-30deg);overflow:hidden;position:relative}
.f1-hud .sectors span u{position:absolute;inset:0;background:var(--f1-blue);transform-origin:left;transform:scaleX(0)}
.f1-hud .sectors span:nth-child(3) u{background:var(--oracle)}
.f1-partner{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.06);border:1px solid var(--f1-line);border-radius:999px;padding:7px 16px 7px 8px;backdrop-filter:blur(8px)}
.f1-partner img{height:26px;width:auto;background:#fff;border-radius:999px;padding:3px 10px}
.f1-partner span{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--f1-mute)}
.f1-steps{position:absolute;left:0;right:0;bottom:clamp(40px,9vh,96px);padding:0 clamp(20px,4vw,56px)}
.f1-step{position:absolute;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);bottom:0;opacity:0;transform:translateY(24px);transition:opacity .45s,transform .45s}
.f1-step.on{opacity:1;transform:none}
.f1-step .f1-h{font-size:clamp(3rem,8vw,7.2rem)}
.f1-step .f1-h em{color:var(--f1-blue);font-style:italic}
.f1-step .f1-h .r{color:var(--oracle)}
.f1-step p{max-width:520px;margin-top:16px;color:var(--f1-mute);font-size:1.05rem}
.f1-stats{display:flex;gap:clamp(18px,4vw,56px);flex-wrap:wrap;margin-top:18px}
.f1-stats div{border-left:3px solid var(--oracle);padding-left:14px}
.f1-stats b{display:block;font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:clamp(2.2rem,5vw,4rem);line-height:1}
.f1-stats span{font-size:.82rem;color:var(--f1-mute);letter-spacing:.06em;text-transform:uppercase}
.f1-scrollcue{position:absolute;right:clamp(20px,4vw,56px);top:46%;font-family:var(--f1-cond);letter-spacing:.3em;text-transform:uppercase;font-size:.75rem;color:var(--f1-mute);writing-mode:vertical-rl}

/* ---------- 2. Frase creciente ---------- */
.f1-phrase{height:330vh;position:relative;background:#04060c}
.f1-phrase .sticky{position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.f1-phrase .bgword{position:absolute;font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:32vw;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);white-space:nowrap;bottom:-6vw;left:-2vw}
.f1-phrase .lines{display:block;flex:none;font-family:var(--f1-cond);font-weight:800;font-style:italic;text-transform:uppercase;font-size:5.15vw;line-height:.98;letter-spacing:-.005em;transform-origin:center;will-change:transform}
.f1-phrase .ln{display:block;white-space:nowrap;opacity:0;transform:translateY(.4em);will-change:opacity,transform}
.f1-phrase .ln .hl{color:var(--f1-blue)}
.f1-phrase .ln .ox{color:var(--oracle)}
.f1-phrase .meta{position:absolute;bottom:34px;left:clamp(20px,4vw,56px);right:clamp(20px,4vw,56px);display:flex;justify-content:space-between;font-family:var(--f1-cond);letter-spacing:.28em;text-transform:uppercase;font-size:.78rem;color:var(--f1-mute)}
.f1-phrase .bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--f1-blue),var(--oracle));width:0}

/* ---------- 3. Despiece del sensor ---------- */
.f1-teardown{height:360vh;position:relative;background:linear-gradient(180deg,#04060c,#0a0f1d 40%,#0a0f1d)}
.f1-teardown .sticky{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(20px,4vw,64px);padding:84px clamp(20px,4vw,56px) 24px;max-width:1360px;margin:0 auto}
.td-copy .f1-h{font-size:clamp(2.2rem,4vw,3.6rem);margin:12px 0 14px}
.td-copy>p{color:var(--f1-mute);max-width:46ch}
.td-list{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px}
.td-list li{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start;padding:12px 14px;border:1px solid var(--f1-line);border-radius:14px;opacity:.38;transition:opacity .35s,border-color .35s,background .35s}
.td-list li.on{opacity:1;border-color:rgba(61,139,255,.6);background:rgba(61,139,255,.07)}
.td-list li .n{font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:1.9rem;line-height:1;color:var(--f1-blue)}
.td-list li b{display:block;font-size:1rem}
.td-list li span{font-size:.88rem;color:var(--f1-mute)}
.td-stage{position:relative;height:min(78vh,760px);aspect-ratio:1122/1402;margin:0 auto}
.td-stage .glow{position:absolute;inset:18% 8%;background:radial-gradient(closest-side,rgba(61,139,255,.35),transparent);filter:blur(30px)}
.td-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.td-call{position:absolute;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;z-index:5}
.td-call.on{opacity:1;transform:none}
.td-call .dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--oracle);box-shadow:0 0 0 6px rgba(199,70,52,.25),0 0 22px rgba(199,70,52,.8);left:-7px;top:-7px}
.td-call .lbl{position:absolute;top:-14px;white-space:nowrap;background:rgba(5,8,16,.88);border:1px solid var(--f1-line);border-left:3px solid var(--oracle);border-radius:8px;padding:7px 12px;font-size:.8rem;line-height:1.3;backdrop-filter:blur(6px)}
.td-call .lbl b{display:block;font-family:var(--f1-cond);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem}
.td-call.r .lbl{left:22px}
.td-call.l .lbl{right:22px}
.td-call .lbl::before{content:"";position:absolute;top:50%;width:14px;height:1px;background:var(--oracle)}
.td-call.r .lbl::before{left:-15px}.td-call.l .lbl::before{right:-15px}
.td-note{position:absolute;bottom:-26px;left:0;right:0;text-align:center;font-size:.72rem;color:rgba(255,255,255,.4)}

/* ---------- 4. Funcionamiento (simulación) ---------- */
.f1-sim{padding:110px 0!important;background:#0a0f1d}
.sim-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:44px}
.sim-head .f1-h{font-size:clamp(2.6rem,6vw,5.4rem);margin-top:12px}
.sim-head p{color:var(--f1-mute)}
.sim-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}
.sim-box{position:relative;border:1px solid var(--f1-line);border-radius:22px;overflow:hidden;background:#060a14;aspect-ratio:1/1;max-height:640px;width:100%}
#sim-canvas{position:absolute;inset:0;width:100%;height:100%}
.sim-tag{position:absolute;top:14px;left:14px;display:flex;gap:8px;flex-wrap:wrap;z-index:2}
.sim-tag span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:rgba(5,8,16,.8);border:1px solid var(--f1-line);border-radius:999px;padding:5px 10px;color:var(--f1-mute)}
.sim-tag span.live{color:#fff;border-color:rgba(199,70,52,.6)}
.sim-tag span.live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--oracle);margin-right:7px;animation:blink 1.2s infinite}
.sim-side{display:grid;gap:12px;align-content:start}
.kpi{border:1px solid var(--f1-line);border-radius:18px;padding:16px 18px;background:rgba(255,255,255,.03)}
.kpi small{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--f1-mute)}
.kpi b{font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:2.8rem;line-height:1;font-variant-numeric:tabular-nums}
.kpi.main{border-color:rgba(61,139,255,.5);background:rgba(61,139,255,.08)}
.kpi.main b{font-size:3.6rem}
.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sim-legend{display:grid;gap:8px;font-size:.84rem;color:var(--f1-mute);margin-top:4px}
.sim-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px}
.step4{border-top:3px solid var(--f1-blue);padding:16px 4px 0}
.step4:nth-child(4){border-top-color:var(--oracle)}
.step4 .n{font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:2rem;color:rgba(255,255,255,.3)}
.step4 b{display:block;margin:4px 0 6px}
.step4 p{font-size:.9rem;color:var(--f1-mute);margin:0}

/* ---------- 5. Alcance ---------- */
.f1-range{padding:110px 0!important;background:#f4f6fb;color:#0b1630}
.f1-range .f1-kicker{color:#5b6b86}
.range-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.range-img{border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 60px -30px rgba(4,11,29,.35)}
.range-img img{width:100%;height:auto;display:block}
.range-big{display:flex;align-items:flex-end;gap:16px;margin:14px 0 6px}
.range-big b{font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:clamp(5rem,12vw,9rem);line-height:.8;color:#0b1630}
.range-big span{font-family:var(--f1-cond);font-weight:700;font-size:1.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--blue)}
.range-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.range-specs div{background:#fff;border:1px solid #e2e9f4;border-radius:16px;padding:14px 16px}
.range-specs b{display:block;font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:1.8rem;line-height:1.1}
.range-specs span{font-size:.86rem;color:#5b6b86}
.range-note{font-size:.78rem;color:#5b6b86;margin-top:14px}

/* ---------- 6. Métricas y privacidad ---------- */
.f1-metrics{padding:110px 0!important;background:#04060c}
.m-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.m-card{position:relative;border:1px solid var(--f1-line);border-radius:20px;padding:24px 22px 26px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));overflow:hidden}
.m-card .n{font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:3.4rem;line-height:1;color:rgba(255,255,255,.12);position:absolute;right:16px;top:10px}
.m-card b{display:block;font-family:var(--f1-cond);font-weight:700;font-size:1.4rem;text-transform:uppercase;letter-spacing:.03em;margin:30px 0 8px}
.m-card p{font-size:.92rem;color:var(--f1-mute);margin:0}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips span{font-size:.8rem;border:1px solid var(--f1-line);border-radius:999px;padding:6px 12px;color:var(--f1-mute)}
.priv{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;margin-top:70px;border-top:1px solid var(--f1-line);padding-top:60px}
.priv .big99{font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:clamp(6rem,15vw,11rem);line-height:.8}
.priv .big99 sup{font-size:.35em;color:var(--oracle)}
.priv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.priv-list div{border-left:3px solid var(--f1-blue);padding:2px 0 2px 14px}
.priv-list b{display:block;margin-bottom:4px}
.priv-list p{font-size:.88rem;color:var(--f1-mute);margin:0}
.fine{font-size:.74rem;color:rgba(255,255,255,.42);margin-top:22px}

/* ---------- 7. Plataforma INTELIX en Oracle Cloud ---------- */
.f1-platform{padding:110px 0!important;background:linear-gradient(180deg,#04060c,#0a0f1d)}
.oracle-strip{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border:1px solid rgba(199,70,52,.45);background:linear-gradient(90deg,rgba(199,70,52,.12),transparent 60%);border-radius:20px;padding:18px 22px;margin:34px 0 40px}
.oracle-strip img{height:44px;width:auto;background:#fff;border-radius:10px;padding:6px 12px}
.oracle-strip p{margin:0;color:var(--f1-mute);flex:1;min-width:240px}
.oracle-strip b{color:#fff}
.dash{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.dash-card{border:1px solid var(--f1-line);border-radius:20px;background:#070c18;padding:20px}
.dash-card h4{font-family:var(--f1-cond);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem;color:var(--f1-mute);margin-bottom:14px;display:flex;justify-content:space-between}
.dash-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.dash-kpis div{background:rgba(255,255,255,.04);border-radius:14px;padding:14px}
.dash-kpis small{font-size:.72rem;color:var(--f1-mute);letter-spacing:.1em;text-transform:uppercase}
.dash-kpis b{display:block;font-family:var(--f1-cond);font-weight:800;font-style:italic;font-size:1.9rem;line-height:1.05;font-variant-numeric:tabular-nums}
.heat{display:grid;grid-template-columns:52px repeat(5,1fr);gap:4px;margin-top:16px;font-size:.72rem;color:var(--f1-mute)}
.heat i{height:22px;border-radius:4px;background:rgba(61,139,255,var(--a));font-style:normal;display:grid;place-items:center;color:rgba(255,255,255,.85);font-size:.7rem}
.heat .h{display:grid;align-items:center}
.reports{display:flex;flex-wrap:wrap;gap:8px}
.reports span{font-size:.8rem;border:1px solid var(--f1-line);border-radius:10px;padding:7px 10px}
.shots{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.shots figure{margin:0;background:#fff;border-radius:16px;overflow:hidden;padding:10px}
.shots img{width:100%;height:auto;display:block}
.shots figcaption{color:#5b6b86;font-size:.78rem;padding:8px 4px 2px}
.arch{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;counter-reset:a}
.arch div{position:relative;padding:18px 18px 18px 0;border-top:2px solid var(--f1-line)}
.arch div::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;border-radius:50%;background:var(--f1-blue)}
.arch div:last-child::before{background:var(--oracle)}
.arch small{font-family:var(--f1-cond);letter-spacing:.2em;text-transform:uppercase;color:var(--f1-mute);font-size:.75rem}
.arch b{display:block;font-size:1.05rem;margin:4px 0}
.arch p{font-size:.86rem;color:var(--f1-mute);margin:0;padding-right:10px}

/* ---------- 8. Familia ---------- */
.f1-family{padding:100px 0!important;background:#fff;color:#0b1630}
.f1-family .f1-kicker{color:#5b6b86}
.fam-img{margin-top:30px;border-radius:24px;overflow:hidden;border:1px solid #e2e9f4}
.fam-img img{width:100%;height:auto;display:block}
.f1-cta{padding:100px 0!important;background:#04060c}
.f1-cta .box{border-radius:28px;padding:clamp(30px,6vw,70px);background:radial-gradient(600px 300px at 90% 0,rgba(199,70,52,.3),transparent 70%),linear-gradient(135deg,#0b1f4a,#1d4e9c);display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}
.f1-cta .f1-h{font-size:clamp(2.4rem,5.6vw,4.6rem)}
.f1-cta p{color:rgba(255,255,255,.75);margin-top:10px}

@media(max-width:960px){
  .f1-teardown .sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding-top:80px;gap:10px}
  .td-copy>p,.td-list{display:none}
  .td-copy .f1-h{font-size:2.4rem;margin:8px 0 0}
  .td-stage{height:min(62vh,560px)}
  .td-call .lbl{font-size:.7rem;padding:5px 8px}.td-call .lbl b{font-size:.8rem}
  .sim-head,.sim-grid,.range-grid,.priv,.dash{grid-template-columns:1fr}
  .m-grid,.steps4{grid-template-columns:1fr 1fr}
  .priv-list{grid-template-columns:1fr}
  .arch{grid-template-columns:1fr 1fr}
  .shots{grid-template-columns:1fr}
  .f1-hud .top{top:84px}.f1-hud .lap .sectors{display:none}
}
@media(max-width:560px){.m-grid,.steps4{grid-template-columns:1fr}.dash-kpis{grid-template-columns:1fr}.td-call .lbl span{display:none}.f1-partner span{display:none}}
@media(prefers-reduced-motion:reduce){.f1-streaks i{animation:none;display:none}}
@media(max-width:960px){.td-call.l .lbl{right:auto;left:22px}.td-call.l .lbl::before{right:auto;left:-15px}}

/* ===== Hero F1 centrado + modelo 3D ===== */
.f1-steps{left:0;right:0;text-align:center}
.f1-step{left:50%!important;right:auto!important;width:min(1100px,calc(100% - 40px));transform:translate(-50%,24px)}
.f1-step.on{transform:translate(-50%,0)}
.f1-step .f1-kicker{justify-content:center}
.f1-step p{margin-left:auto;margin-right:auto}
.f1-stats{justify-content:center}
.f1-stats div{text-align:left}
.f1-step .f1-h{font-size:clamp(2.8rem,7vw,6.4rem)}
.f1-canvas{opacity:0;transition:opacity 1.2s ease}
.f1-canvas.ready{opacity:1}

/* Ronda 7: póster del auto, varias portadas F1 */
.f1-fallback img{position:absolute;left:50%;top:14vh;top:14svh;width:min(1130px,96vw);max-width:none;height:auto;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
@media(max-width:700px){.f1-fallback img{top:23vh;top:23svh;width:186vw}}
.f1-partner img{max-height:30px;width:auto;background:#fff;border-radius:999px;padding:4px 10px}