/* vidflare · r13 · 11 nov 2026
   Marco de vidrio para el producto · hero más grande · sección 2 como «Duo Intelligence» con dos escenas nuevas ·
   use cases con un formato de salida distinto por fase · Kundenstimmen con alturas unificadas · formulario animado. */

/* ── Marco de vidrio (ref. amplemarket.com/duo) ──────────────── */
.vf-bezel{padding:12px;border-radius:24px;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22),0 60px 140px -50px rgba(8,4,30,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.vf-bezel>*{border-radius:12px!important}

/* ── 1 · Hero: más grande y enmarcado ────────────────────────── */
.vf-h12.is-xl{--pw:min(1180px,80vw)}
.vf-h12_prod.vf-bezel{border-radius:24px}
.vf-h12_scr{position:relative;overflow:hidden;border-radius:12px}
.vf-h12_scr>img{display:block;width:100%;height:auto}
.vf-h12_scr .vf-h12_in{border-radius:0}

/* ── 2 · Sección 2 como «Duo Intelligence» ───────────────────── */
.vf-stage_wrap.is-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--vf-3)}
.vf-s2_head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--vf-6);align-items:end}
.vf-s2_head>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:var(--vf-2)}
.vf-s2_head h2{margin:0;font-weight:500;font-size:clamp(2rem,1.200rem + 2.800vw,3.500rem);line-height:1.04;letter-spacing:-.03em;color:var(--vf-ink);text-wrap:balance}
.is-duo .vf-caps{display:grid;min-height:4.800em;align-items:end}
.is-duo .vf-cap{grid-template-columns:minmax(0,1fr);gap:0}
.is-duo .vf-cap h3{display:none}.is-duo .vf-cap p{font-size:1.125rem;line-height:1.5;color:var(--vf-g700);max-width:34em}
.vf-s2_bar{display:flex;align-items:center;justify-content:space-between;gap:var(--vf-2);padding:6px;border-radius:18px;background:var(--vf-g100);box-shadow:inset 0 0 0 1px rgba(10,14,22,.05)}
.is-duo .vf-tabs{order:0;display:flex;gap:2px;padding:0;background:none;box-shadow:none;overflow:visible}
.is-duo .vf-tab{display:flex;flex-direction:row;align-items:center;gap:0;padding:11px 13px;border-radius:12px;background:none;flex:none}
.is-duo .vf-tab .vf-i{width:22px;height:22px}
.is-duo .vf-tab b{max-width:0;margin-left:0;overflow:hidden;white-space:nowrap;opacity:0;font-size:.9375rem;transition:max-width .6s var(--vf-ease),margin .6s var(--vf-ease),opacity .3s}
.is-duo .vf-tab:hover{background:rgba(10,14,22,.05)}
.is-duo .vf-tab[aria-selected="true"]{background:#fff;box-shadow:0 1px 2px rgba(10,14,22,.08),0 0 0 1px rgba(10,14,22,.05)}
.is-duo .vf-tab[aria-selected="true"] b{max-width:15em;margin-left:9px;opacity:1}
.is-duo .vf-tab::before{inset:auto 12px 4px 12px}
.vf-btn.is-dark{background:var(--vf-ink);height:44px;font-size:14px;flex:none}.vf-btn.is-dark:hover{background:var(--vf-ink)}.vf-btn.is-dark i{width:30px;height:30px}
.is-duo .vf-frame{position:relative;isolation:isolate;overflow:hidden;padding:clamp(1rem,4.500vw,4.500rem) clamp(.75rem,6vw,6.500rem);border-radius:28px;background:linear-gradient(118deg,#2A2358 0%,#7842E0 28%,#B7B0F5 46%,#5C78EE 62%,#C76BCC 80%,#2A2358 100%);box-shadow:none}
.is-duo .vf-stage{box-shadow:none}
.vf-sel{display:none}
/* escenas propias de las dos primeras pestañas */
.vf-scn{position:absolute;inset:0;z-index:6;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;background:#0E0B20 radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.500px) 0 0/22px 22px;color:#fff}
.vf-stage[data-seg="0"] .vf-scn[data-seg="0"],.vf-stage[data-seg="1"] .vf-scn[data-seg="1"]{opacity:1;visibility:visible;transition:opacity .5s}
.vf-stage[data-seg="1"] .vf-stage_ov.is-sheet{display:none}
/* Smart-Layouts: una plantilla con huecos → muchas variantes */
.vf-sl{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.150fr);gap:clamp(1rem,3vw,3rem);align-items:center;padding:5% 7%}
.vf-sl_tpl{display:grid;gap:10px;font:500 11px var(--vf-mono);letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.vf-sl_box{position:relative;aspect-ratio:1;border-radius:12px;background:linear-gradient(160deg,#211B4A,#0D0A22);box-shadow:0 0 0 1px rgba(255,255,255,.2),0 30px 60px -30px #000}
.vf-sl_box i{position:absolute;border:1.500px dashed rgba(183,176,245,.55);border-radius:6px;animation:vf-slot 6s var(--vf-ease) infinite}
.vf-sl_box .s1{inset:5%;background:repeating-linear-gradient(135deg,rgba(183,176,245,.07) 0 8px,transparent 8px 16px)}
.vf-sl_box .s2{left:10%;bottom:11%;width:48%;height:24%;animation-delay:.5s}
.vf-sl_box .s3{right:10%;bottom:11%;width:28%;aspect-ratio:1;border-radius:50%;animation-delay:1s}
.vf-sl_box .s4{right:10%;top:10%;width:30%;height:9%;animation-delay:1.500s}
@keyframes vf-slot{0%,4%{border-color:rgba(183,176,245,.55);background-color:transparent}10%,22%{border-color:#fff;background-color:rgba(183,176,245,.22)}32%,100%{border-color:rgba(183,176,245,.55);background-color:transparent}}
.vf-sl_box em{position:absolute;left:6px;top:6px;padding:3px 6px;border-radius:5px;background:var(--vf-purple);color:#fff;font:500 10px/1 var(--vf-mono);font-style:normal;letter-spacing:0;text-transform:none}
.vf-sl_box .s3 em{left:50%;top:50%;transform:translate(-50%,-50%)}
.vf-sl_mid{display:grid;justify-items:center;gap:2px;text-align:center}
.vf-sl_mid b{font-weight:500;font-size:clamp(2rem,1.200rem + 2.400vw,3.250rem);line-height:1;letter-spacing:-.04em}
.vf-sl_mid span{font:500 11px var(--vf-mono);letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.vf-sl_mid i{width:64px;height:1.500px;margin-top:12px;background:linear-gradient(90deg,transparent,#B7B0F5 50%,transparent) 0 0/200% 100%,rgba(255,255,255,.18);animation:vf-shim 1.600s linear infinite reverse}
.vf-sl_out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vf-sl_out>div{border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.2);animation:vf-var 6s var(--vf-ease) calc(1.800s + var(--i)*.35s) infinite both}
/* Daten verknüpfen: la hoja de Google se rellena sola */
.vf-gs{display:grid;place-items:center;padding:4% 5%}
.vf-gs_win{position:relative;width:100%;border-radius:12px;background:#fff;color:var(--vf-ink);overflow:hidden;box-shadow:0 40px 80px -40px #000}
.vf-gs_bar{display:flex;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid #E6E8EC;font-size:13px;color:var(--vf-g700);white-space:nowrap}
.vf-gs_bar>svg{width:20px;height:20px;flex:none}.vf-gs_bar b{font-weight:600;color:var(--vf-ink);margin-right:6px}
.vf-gs_bar em{margin-left:auto;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:8px;background:var(--vf-lav-50);font:500 11px var(--vf-mono);font-style:normal;color:var(--vf-green-d)}
.vf-gs_bar em svg{height:12px;width:auto;color:var(--vf-purple)}
.vf-gs table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.vf-gs th{padding:8px 12px;text-align:left;font:500 11px var(--vf-mono);color:var(--vf-g700);background:#F6F7F9;border-bottom:1px solid #E6E8EC;border-left:1px solid #E6E8EC}
.vf-gs td{padding:8px 12px;border-bottom:1px solid #EEF0F3;border-left:1px solid #EEF0F3;white-space:nowrap;transition:background .5s}
.vf-gs td:first-child,.vf-gs th:first-child{width:30px;padding-inline:8px;text-align:center;color:#9aa1ad;border-left:0;font:400 11px var(--vf-mono)}
.vf-gs tr:last-child td{border-bottom:0}
.vf-gs_p.is-hit{background:#FFF3BF;box-shadow:inset 0 0 0 1.500px #F5B13D}
.vf-gs_s span{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font:500 11px var(--vf-mono);background:#F1F3F5;color:#868E96}
.vf-gs_s span::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
tr[data-s="run"] .vf-gs_s span{background:var(--vf-lav-50);color:var(--vf-purple)}tr[data-s="run"] .vf-gs_s span::before{animation:vf-blink .8s steps(2) infinite}
tr[data-s="done"] .vf-gs_s span{background:#E6F7EE;color:#1c9a55}
tr[data-s="edit"] .vf-gs_s span{background:#FFF3BF;color:#B7791F}
.vf-gs_u{font:400 12px var(--vf-mono);color:#1A73E8;min-width:15em}
.vf-gs_u i{display:inline-block;width:22px;height:22px;margin-right:8px;border-radius:5px;background:var(--p) 50%/cover;vertical-align:middle;opacity:0;transform:scale(.6);transition:opacity .3s,transform .5s var(--vf-spring)}
tr[data-s="done"] .vf-gs_u i{opacity:1;transform:none}
tr[data-s="run"] .vf-gs_u{background:linear-gradient(90deg,transparent 30%,rgba(120,66,224,.14) 50%,transparent 70%) 0 0/200% 100%;animation:vf-shim 1.200s linear infinite}
.vf-gs_cur{position:absolute;left:0;top:0;width:16px;height:20px;opacity:0;transition:transform .7s var(--vf-ease),opacity .3s;pointer-events:none}.vf-gs_cur.is-on{opacity:1}.vf-gs_cur svg{display:block;width:100%;height:100%}

/* ── 3 · Use cases: un formato de salida por fase ────────────── */
.vf-sc.is-j2{width:min(100%,440px);padding:0;background:none;box-shadow:none;border-radius:0;display:grid;justify-items:center;gap:0;color:#fff;transform:none}
.vf-j2_sig{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.vf-j2_sig span{padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);font:500 11px var(--vf-mono);white-space:nowrap;opacity:0;transform:translateY(-8px)}
.vf-j2_join{width:min(64%,250px);height:16px;margin-top:6px;border:1.500px solid rgba(183,176,245,.5);border-top:0;border-radius:0 0 12px 12px;position:relative;opacity:0}
.vf-j2_join::after,.vf-j2_stem{content:"";display:block;width:1.500px;height:14px;background:rgba(183,176,245,.5)}
.vf-j2_join::after{position:absolute;left:50%;top:100%;margin-left:-.750px}
.vf-j2_vf{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 14px 8px 8px;border-radius:999px;background:var(--vf-purple);box-shadow:0 14px 30px -14px #000;opacity:0;transform:scale(.9)}
.vf-j2_vf i{display:grid;justify-items:start;place-items:center start;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.18);overflow:hidden}.vf-j2_vf i svg{height:12px;width:auto;margin-left:6px;color:#fff;flex:none}
.vf-j2_vf b{font-weight:500;font-size:.875rem;white-space:nowrap}
.vf-j2_stem{opacity:0}
.vf-j2_out{display:grid;gap:8px;padding:10px;border-radius:16px;background:#fff;color:var(--vf-ink);font-size:12px;line-height:1.35;box-shadow:0 30px 60px -30px #000;opacity:0;transform:translateY(14px) scale(.97)}
.vf-sc.is-j2.is-on .vf-j2_sig span{opacity:1;transform:none;transition:opacity .4s,transform .7s var(--vf-spring)}
.vf-sc.is-j2.is-on .vf-j2_sig span:nth-child(2){transition-delay:.08s}.vf-sc.is-j2.is-on .vf-j2_sig span:nth-child(3){transition-delay:.16s}
.vf-sc.is-j2.is-on .vf-j2_join{opacity:1;transition:opacity .4s .3s}
.vf-sc.is-j2.is-on .vf-j2_vf{opacity:1;transform:none;transition:opacity .4s .5s,transform .8s var(--vf-spring) .5s}
.vf-sc.is-j2.is-on .vf-j2_stem{opacity:1;transition:opacity .3s .8s}
.vf-sc.is-j2.is-on .vf-j2_out{opacity:1;transform:none;transition:opacity .45s .95s,transform .9s var(--vf-spring) .95s}
.vf-j2_m{position:relative;aspect-ratio:16/9;border-radius:9px;overflow:hidden;isolation:isolate}
.vf-j2_m::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--p) 50%/cover}
.vf-sc.is-on .vf-j2_m::before{animation:vf-kb 10s ease-in-out infinite alternate}
.vf-j2_m::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,14,22,.05) 35%,rgba(10,14,22,.72))}
.vf-j2_m b{position:absolute;left:7%;right:20%;bottom:9%;font:700 14px/1.08 "Open Sans",sans-serif;color:#fff;text-transform:uppercase}
.vf-j2_m u{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='m12 9.500 8 5.500-8 5.500z' fill='%230A0E16'/%3E%3C/svg%3E") 50%/100%}
.vf-j2_btn{justify-self:start;padding:7px 13px;border-radius:8px;background:var(--vf-ink);color:#fff;font-weight:500}
/* post */
.v-post{width:236px}.v-post .vf-j2_m{aspect-ratio:1}
.vf-j2_row{display:flex;align-items:center;gap:8px;color:var(--vf-g700)}.vf-j2_row u{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--vf-ink);color:#fff;text-decoration:none;font-weight:600}.vf-j2_row span{display:grid}.vf-j2_row b{color:var(--vf-ink);font-weight:600}
.vf-j2_act{display:flex;align-items:center;gap:8px}.vf-j2_act i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1.500px var(--vf-g300)}.vf-j2_act span{margin-left:auto;padding:5px 10px;border-radius:7px;background:#1877F2;color:#fff;font-weight:500}
/* web */
.v-web{width:100%;padding:0;gap:0;overflow:hidden}.v-web .vf-j2_m{border-radius:0}
.vf-j2_url{display:flex;align-items:center;gap:5px;padding:8px 10px;background:var(--vf-g100)}.vf-j2_url i{width:8px;height:8px;border-radius:50%;background:var(--vf-g300)}.vf-j2_url span{margin-left:8px;padding:3px 10px;border-radius:6px;background:#fff;font:500 11px var(--vf-mono);color:var(--vf-g700);flex:1}
.vf-j2_txt{display:grid;gap:6px;padding:12px}.vf-j2_txt i{height:7px;border-radius:4px;background:var(--vf-g100)}.vf-j2_txt i:last-child{width:60%}
/* banner */
.v-banner{width:100%;grid-template-columns:minmax(0,1.500fr) minmax(0,1fr);align-items:center;gap:12px}.v-banner .vf-j2_m{aspect-ratio:16/10}
.vf-j2_side{display:grid;gap:6px;justify-items:start}.vf-j2_side small{font-size:11px;color:var(--vf-g700)}.vf-j2_side strong{font:500 24px/1 var(--vf-mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.vf-sc.is-on .vf-j2_side strong span{animation:vf-blink 1s steps(2) infinite}
/* mail */
.v-mail{width:330px}.vf-j2_mailh{display:grid;gap:2px;padding:2px 2px 6px;border-bottom:1px solid var(--vf-g100)}.vf-j2_mailh b{font-weight:600;font-size:13px}.vf-j2_mailh span{color:var(--vf-g700);font-size:11px}
/* phone */
.v-phone{width:190px;padding:12px 10px;border-radius:28px;background:#111319;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 30px 60px -30px #000}.v-phone .vf-j2_m{aspect-ratio:3/4;border-radius:14px 14px 14px 4px}.v-phone .vf-j2_m b{right:8%;font-size:13px}
.vf-j2_notch{width:54px;height:5px;border-radius:5px;background:rgba(255,255,255,.25);justify-self:center}.v-phone p{margin:0;padding:8px 10px;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.1)}
.vf-j2_qr{display:flex;gap:6px}.vf-j2_qr span{padding:5px 10px;border-radius:999px;box-shadow:inset 0 0 0 1.500px var(--vf-lav);color:var(--vf-lav);font-weight:500}
/* push */
.v-push{width:320px;background:none;box-shadow:none;padding:0;gap:6px}.v-push .vf-j2_m{box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.vf-j2_push{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.92);color:var(--vf-ink)}
.vf-j2_push.is-2{background:rgba(255,255,255,.6);transform:scale(.95);transform-origin:50% 0;margin-top:-2px}
.vf-j2_push u{display:grid;place-items:center start;width:30px;height:30px;border-radius:8px;background:var(--vf-purple);overflow:hidden}.vf-j2_push u svg{height:12px;width:auto;margin-left:7px;color:#fff;flex:none}.vf-j2_push.is-2 u{background:var(--vf-g300)}
.vf-j2_push span{display:grid;color:var(--vf-g700)}.vf-j2_push b{font-weight:600;color:var(--vf-ink)}.vf-j2_push em{font-style:normal;font-size:11px;color:var(--vf-g700);align-self:start}
/* risk */
.v-risk{width:330px}.vf-j2_gauge{display:grid;gap:6px;padding:4px 2px}.vf-j2_gauge small{font:500 11px var(--vf-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--vf-g700)}
.vf-j2_gauge div{position:relative;height:8px;border-radius:8px;background:linear-gradient(90deg,#E5484D,#F5B13D 50%,#28C76F)}
.vf-j2_gauge i{position:absolute;top:50%;left:14%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--vf-ink),0 2px 6px rgba(0,0,0,.3)}
.vf-sc.is-on .vf-j2_gauge i{animation:vf-risk 5s var(--vf-ease) 1.600s infinite both}@keyframes vf-risk{0%,12%{left:14%}48%,88%{left:80%}100%{left:14%}}
.vf-j2_gauge span{display:flex;justify-content:space-between;font-size:11px;color:var(--vf-g700)}.vf-j2_gauge b{font-weight:500}
/* inbox */
.v-inbox{width:340px}.v-inbox ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.v-inbox li{display:flex;gap:10px;padding:7px 9px;border-radius:8px;color:var(--vf-g700);white-space:nowrap;overflow:hidden}.v-inbox li b{font-weight:600;color:var(--vf-ink);width:7.500em;flex:none}.v-inbox li.is-on{background:var(--vf-lav-50)}.v-inbox li.is-on b{color:var(--vf-purple)}

/* ── 4 · Kundenstimmen: mismas alturas en toda la rejilla ────── */
.vf-k1{align-items:stretch;min-height:372px}
@media (min-width:992px){.vf-k1_k,.vf-k1_l{grid-template-rows:repeat(3,minmax(0,1fr))}.vf-k1_l button{min-height:0;height:auto}}
.vf-k1_k li{padding:14px 20px;min-height:0;justify-content:center}
.vf-k1_k strong{font-size:clamp(2rem,1.200rem + 1.800vw,2.875rem)}
@media (max-width:600px){
  .vf-k1_k{grid-template-columns:minmax(0,1fr);gap:8px}
  .vf-k1_k li{flex-direction:row;align-items:center;gap:14px;justify-content:flex-start;height:72px;padding:0 18px}
  .vf-k1_k strong{font-size:1.875rem;flex:none;min-width:5.200rem}
  .vf-k1_k span{font-size:.8125rem;line-height:1.3}
  .vf-k1_l button{min-height:72px;height:72px}
}

/* ── 5 · Formulario del footer: entrada animada ──────────────── */
@property --vf-fa{syntax:"<angle>";inherits:false;initial-value:0deg}
.vf-fc-anim .footer-form{position:relative}
.vf-fc-anim .footer-form::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.500px;background:conic-gradient(from var(--vf-fa),transparent 0 62%,#B7B0F5 78%,#fff 84%,#7842E0 91%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none;animation:vf-fa 7s linear infinite}
@keyframes vf-fa{to{--vf-fa:360deg}}
.vf-js .vf-fc-anim .footer-form{opacity:0;transform:perspective(1400px) rotateX(12deg) translateY(70px) scale(.95);transform-origin:50% 100%;transition:opacity .8s,transform 1.400s var(--vf-ease)}
.vf-js .vf-fc-anim.is-in .footer-form{opacity:1;transform:none}
.vf-js .vf-fc-anim .form_main_list>*{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .9s var(--vf-ease)}
.vf-js .vf-fc-anim.is-in .form_main_list>*{opacity:1;transform:none}
.vf-fc-anim.is-in .form_main_list>:nth-child(1){transition-delay:.35s}.vf-fc-anim.is-in .form_main_list>:nth-child(2){transition-delay:.45s}.vf-fc-anim.is-in .form_main_list>:nth-child(3){transition-delay:.55s}.vf-fc-anim.is-in .form_main_list>:nth-child(4){transition-delay:.65s}.vf-fc-anim.is-in .form_main_list>:nth-child(5){transition-delay:.8s}
.vf-fc-anim .form_main_field_input{background:linear-gradient(var(--vf-lav),var(--vf-lav)) 0 100%/0% 1px no-repeat transparent!important;transition:background-size 1.200s var(--vf-ease) .5s,border-color .3s}
.vf-fc-anim.is-in .form_main_field_input{background-size:100% 1px!important}
.vf-js .vf-fc-anim .vf-fc_list li{opacity:0;transform:translateX(-14px);transition:opacity .6s,transform .9s var(--vf-ease)}
.vf-js .vf-fc-anim.is-in .vf-fc_list li{opacity:1;transform:none}.vf-fc-anim.is-in .vf-fc_list li:nth-child(2){transition-delay:.12s}.vf-fc-anim.is-in .vf-fc_list li:nth-child(3){transition-delay:.24s}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width:1100px){.vf-h12.is-xl{--pw:min(1180px,84vw)}}
@media (max-width:991px){
  .vf-bezel{padding:6px;border-radius:16px}.vf-bezel>*{border-radius:10px!important}
  .vf-h12.is-xl{--pw:100%}
  .vf-s2_head{grid-template-columns:minmax(0,1fr);gap:var(--vf-2)}.is-duo .vf-caps{min-height:0}
  .vf-s2_bar .vf-btn{display:none}.vf-s2_bar{overflow-x:auto;scrollbar-width:none}
  .is-duo .vf-frame{padding:10px;border-radius:20px}
  .vf-sl{padding:10px;gap:8px}.vf-sl_mid span,.vf-sl_tpl small,.vf-sl_tpl span,.vf-sl_box em{display:none}.vf-sl_mid b{font-size:1.250rem}.vf-sl_mid i{width:20px}
  .vf-gs{padding:8px}.vf-gs_bar span,.vf-gs_bar em{display:none}.vf-gs table{font-size:10px}.vf-gs td,.vf-gs th{padding:5px 6px}.vf-gs th:nth-child(3),.vf-gs td:nth-child(3),.vf-gs th:nth-child(4),.vf-gs td:nth-child(4),.vf-gs_u span{display:none}.vf-gs_u{min-width:0}
  .vf-sc.is-j2{width:100%}.vf-j2_sig,.vf-j2_join,.vf-j2_vf,.vf-j2_stem{display:none}
  .vf-j2_out{width:100%!important;max-width:320px}.v-phone .vf-j2_m,.v-post .vf-j2_m{aspect-ratio:16/9}.v-phone p,.vf-j2_qr,.vf-j2_act,.vf-j2_txt,.v-inbox ul,.vf-j2_push.is-2{display:none}
  .vf-k1{min-height:0}
}
@media (prefers-reduced-motion:reduce){
  .vf-sl_box i,.vf-sl_out>div,.vf-sl_mid i,.vf-fc-anim .footer-form::before,.vf-j2_m::before,.vf-j2_gauge i{animation:none!important}
  .vf-js .vf-fc-anim .footer-form,.vf-js .vf-fc-anim .form_main_list>*,.vf-js .vf-fc-anim .vf-fc_list li{opacity:1;transform:none;transition:none}
  .vf-j2_sig span,.vf-j2_join,.vf-j2_vf,.vf-j2_stem,.vf-j2_out{opacity:1;transform:none;transition:none!important}
}

/* ── Nav: arriba, sin barra y con las opciones centradas ─────── */
@media (min-width:992px){
  .vf-nv:not(.is-min) .vf-nv_bar>nav>ul{justify-content:center}
  .vf-nv_bar>nav>ul{transition:justify-content 0s}
}

/* ── Use cases: fuera la cadena común (las señales ya están al pie); cada paso es su propio objeto, grande y con su entrada ── */
@media (min-width:992px){
  .vf-sc.is-j2 .vf-j2_sig,.vf-sc.is-j2 .vf-j2_join,.vf-sc.is-j2 .vf-j2_vf,.vf-sc.is-j2 .vf-j2_stem{display:none}
  .vf-sc.is-j2{width:min(100%,460px);align-content:center}
  .vf-j2_out{zoom:1.32}
  .vf-j2_out.v-web,.vf-j2_out.v-banner{zoom:1.12}
  .vf-j2_out.v-post{transform:translateY(20px) rotate(-4deg) scale(.95)}
  .vf-j2_out.v-web{transform:scale(.86);transform-origin:50% 100%}
  .vf-j2_out.v-banner{transform:translateX(60px)}
  .vf-j2_out.v-mail{transform:translateY(-30px) rotate(3deg)}
  .vf-j2_out.v-phone{transform:translateY(70px)}
  .vf-j2_out.v-push{transform:translateY(-50px)}
  .vf-j2_out.v-risk{transform:scale(1.08)}
  .vf-sc.is-j2.is-on .vf-j2_out{transform:none;transition:opacity .45s .15s,transform 1s var(--vf-spring) .15s}
  .vf-sc.is-j2.is-on .vf-j2_out.v-post{transform:rotate(-2deg)}
  .vf-sc.is-j2.is-on .vf-j2_out.v-mail{transform:rotate(1.500deg)}
}