/* vidflare · r14 — fichas de datos del hero, isotipo, nav en píldora, un formato de CTA, selector de idioma */

/* ── Hero: lo que entra es un dato con nombre (fuente · campo · valor) ── */
.vf-h12_tok.is-in{width:auto;height:auto;display:flex;align-items:center;gap:8px;padding:4px 11px 4px 4px;border-radius:999px;background:rgba(22,18,46,.92);white-space:nowrap}
.vf-h12_tok.is-in::before{display:none}
.vf-h12_tok.is-in u{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--c,#7842E0);text-decoration:none}
.vf-h12_tok.is-in .vf-i{width:14px;height:14px}
.vf-h12_tok.is-in b{font-weight:500;font-size:12px;line-height:1.15;letter-spacing:0;color:rgba(255,255,255,.7)}
.vf-h12_tok.is-in em{font-style:normal;font-weight:600;color:#fff}

/* ── Isotipo ── */
.vf-mark{display:block;flex:none;height:12px;width:auto;margin:0!important}
.vf-mark.is-w path{fill:#fff}.vf-mark.is-w path:nth-child(2){opacity:.75}
.vf-demo_st i.is-logo{justify-items:center;place-items:center}.vf-demo_st i.is-logo .vf-mark{height:11px}
.vf-j2_push u{place-items:center}.vf-j2_push u .vf-mark{height:13px}
.vf-j2_vf i,.vf-jc_n.is-vf i{place-items:center}
.vf-gs_bar em .vf-mark{display:inline-block;height:10px;margin-right:6px!important;vertical-align:-1px}

/* ── Casos: cifra y rótulo en una línea, a la misma altura en todos ── */
.vf-cs_one{flex-wrap:nowrap}
.vf-cs_one span{max-width:none;white-space:nowrap}
@media (max-width:600px){.vf-cs_one{flex-wrap:wrap}.vf-cs_one span{white-space:normal}}

/* ── Nav compacto: píldora, como los CTA ── */
.vf-nv_bar{border-radius:999px}
.vf-nv.is-min .vf-nv_bar,.vf-nv.is-mob .vf-nv_bar{padding:5px 5px 5px 20px}
.vf-nv_bar>nav>ul>li>a,.vf-nv_bar>nav>ul>li>button{border-radius:999px;padding:0 15px}
.vf-nv_burger{border-radius:50%!important}
@media (max-width:991px){.vf-nv_bar,.vf-nv.is-min .vf-nv_bar{padding:5px 5px 5px 20px}.vf-nv_mob{border-radius:24px}}

/* ── Un formato de CTA ─────────────────────────────────────────
   Primario .vf-btn (morado; .is-dark sobre claro en barras) · secundario .vf-btn2 (contorno) · enlace .vf-lnk (texto + flecha).
   Todos: 46 px de alto, 15 px/600, píldora. */
.vf-btn,.vf-btn.is-dark,.vf-btn.vf-nv_cta{height:46px;padding:0 6px 0 20px;gap:10px;font-size:15px;font-weight:600;letter-spacing:0;border-radius:999px}
.vf-btn i,.vf-btn.is-dark i,.vf-btn.vf-nv_cta i{width:34px;height:34px}
.vf-btn2{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 22px;border:0;border-radius:999px;background:none;box-shadow:inset 0 0 0 1.5px rgba(10,14,22,.16);color:var(--vf-ink);font:600 15px/1 inherit;cursor:pointer;transition:box-shadow .3s,background .3s}
.vf-btn2:hover{background:var(--vf-lav-50);box-shadow:inset 0 0 0 1.5px var(--vf-purple)}
.vf-btn2:focus-visible,.vf-lnk:focus-visible{outline:2px solid var(--vf-purple);outline-offset:3px}
a.vf-lnk{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:15px;line-height:1.2;color:var(--vf-purple)!important;text-decoration:none!important;border-bottom:0}
a.vf-lnk svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s cubic-bezier(.23,1,.32,1)}
a.vf-lnk:hover svg{transform:translateX(4px)}
.footer-form .btn_main_wrap,.footer-form .btn_main_wrap *{font-size:15px;font-weight:600}
.footer-form .btn_main_wrap{min-height:46px}

/* ── Idioma ── */
.vf-lang{display:flex;flex:none;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.08)}
.vf-lang a{display:grid;place-items:center;height:28px;padding:0 9px;border-radius:999px;font:500 12px/1 var(--vf-mono);letter-spacing:.04em;color:rgba(255,255,255,.6);text-decoration:none;transition:color .25s,background .25s}
.vf-lang a:hover{color:#fff}.vf-lang a[aria-current="true"]{background:rgba(255,255,255,.16);color:#fff}
.vf-nv_bar .vf-lang{margin-left:auto}.vf-nv_bar .vf-lang+.vf-nv_cta{margin-left:0}
.vf-lang_m{padding:14px 0 4px;font-size:14px;color:rgba(255,255,255,.5)}.vf-lang_m a{color:#fff}
@media (max-width:991px){.vf-nv_bar .vf-lang{display:none}}
@media (prefers-reduced-motion:reduce){a.vf-lnk svg,.vf-btn2,.vf-lang a{transition:none}}
button.vf-btn2.vf-faq_more{height:46px;padding:0 22px;font-weight:600;font-size:15px;background:none;color:var(--vf-ink)}