/* Vídeo obrigatório no primeiro acesso + botão e formulário da Call de Suporte (20/10/2026). */
html.vg-lock,html.vg-lock body,html.sc-lock,html.sc-lock body{overflow:hidden;overscroll-behavior:none}

/* ---------- vídeo obrigatório ---------- */
.vg-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(11,11,14,.78);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));font-family:var(--font,"Bricolage Grotesque",sans-serif);-webkit-user-select:none;user-select:none;touch-action:manipulation}
.vg-modal[hidden]{display:none}
.vg-stage{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}
.vg-stage video{width:100%;height:100%;max-height:100%;object-fit:contain;background:transparent;pointer-events:none;border-radius:10px}
/* Computador: vídeo 40% menor (60% da largura de antes), centralizado, página visível pelo fundo. */
/* Celular: caixa do vídeo na proporção do arquivo (1920x1080), largura útil inteira, centralizada; página visível acima e abaixo. */
@media(max-width:899px){.vg-stage{flex:0 0 auto;width:min(100%,calc((100vh - 24px)*16/9));height:auto;aspect-ratio:16/9;background:transparent}}
@media(min-width:900px){.vg-modal{background:rgba(11,11,14,.9)}.vg-stage{flex:0 0 auto;width:min(60%,calc((100vh - 24px)*16/9*.6));height:auto;aspect-ratio:16/9}.vg-bar{max-width:min(60%,calc((100vh - 24px)*16/9*.6))}}
.vg-stage video::-webkit-media-controls{display:none !important}
.vg-stage video::-webkit-media-controls-enclosure{display:none !important}
.vg-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(11,11,14,.72)}
.vg-start[hidden]{display:none}
.vg-card{max-width:460px;width:100%;background:var(--paper-light,#fffaf0);border:2px solid rgba(87,61,33,.35);border-radius:14px;box-shadow:var(--shadow-card);padding:24px 22px;text-align:center;color:var(--ink,#142d46)}
.vg-kicker{display:inline-block;background:var(--teal,#07887e);color:var(--white-ink,#fffaf0);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:6px}
.vg-card h2{margin:14px 0 8px;font-size:clamp(21px,3vw,26px);line-height:1.2;color:var(--navy,#183653)}
.vg-card p{margin:0;font-size:15.5px;line-height:1.5;color:var(--ink-2,#30445a)}
.vg-lang{margin:14px auto 0;display:flex;justify-content:center}
.vg-lang select{font:700 13px var(--font,"Bricolage Grotesque",sans-serif);padding:6px 10px;min-height:36px;border-radius:8px;border:2px solid rgba(87,61,33,.35);background:var(--paper-cream,#f4e6c7);color:var(--navy,#183653);cursor:pointer}
.vg-btn{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;padding:12px 18px;border:2px solid rgba(87,61,33,.4);border-radius:12px;background:var(--coral,#e9584f);color:var(--white-ink,#fffaf0);font:800 18px var(--font,"Bricolage Grotesque",sans-serif);box-shadow:var(--shadow-small);cursor:pointer}
.vg-btn svg{width:22px;height:22px}
.vg-btn:focus-visible,.vg-speed:focus-visible,.sc-fab:focus-visible,.sc-close:focus-visible,.sc-submit:focus-visible{outline:3px solid var(--mustard,#d89919);outline-offset:3px}
.vg-msg{margin-top:12px;font-size:14px;font-weight:700;color:var(--coral-2,#d9473f)}
.vg-msg:empty{display:none}
.vg-muted{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(11,11,14,.6);color:var(--white-ink,#fffaf0);pointer-events:none}
.vg-muted[hidden]{display:none}
.vg-muted svg{width:22px;height:22px}
.vg-bar{flex:0 0 auto;width:100%;max-width:1100px;display:flex;align-items:center;gap:14px;padding:12px 4px 0}
.vg-bar[hidden]{display:none}
.vg-progress{flex:1 1 auto;height:6px;border-radius:6px;background:rgba(255,250,240,.18);overflow:hidden}
.vg-progress span{display:block;height:100%;width:0;background:var(--teal-soft,#91cbc2)}
.vg-speed{flex:0 0 auto;min-height:44px;min-width:92px;padding:8px 14px;border-radius:10px;border:2px solid rgba(87,61,33,.4);background:var(--paper-cream,#f4e6c7);color:var(--navy,#183653);font:800 16px var(--font,"Bricolage Grotesque",sans-serif);cursor:pointer}
.vg-speed[aria-pressed="true"]{background:var(--mustard,#d89919);color:var(--white-ink,#fffaf0)}
.vg-note{flex:0 0 auto;color:rgba(255,250,240,.72);font-size:13px;font-weight:600}
@media(max-width:560px){.vg-note{display:none}}

/* ---------- miniatura fixa "Aviso importante" (abre a Call de Suporte) ---------- */
.sc-fab{position:fixed;z-index:9000;right:20px;bottom:max(20px,env(safe-area-inset-bottom));width:240px;aspect-ratio:16/9;padding:0;overflow:hidden;border:3px solid var(--coral,#e9584f);border-radius:14px;background:#0b0b0e;box-shadow:var(--shadow-small);cursor:pointer;animation:sc-pulse 1.8s ease-out infinite}
.sc-fab video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}
.sc-fab-label{position:absolute;left:0;right:0;bottom:0;padding:7px 8px;background:rgba(233,88,79,.92);color:var(--white-ink,#fffaf0);font:800 13px var(--font,"Bricolage Grotesque",sans-serif);letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.15}
.sc-fab:hover .sc-fab-label{background:var(--coral-2,#d9473f)}
@keyframes sc-pulse{0%{box-shadow:4px 5px 0 rgba(78,48,23,.18),0 0 0 0 rgba(233,88,79,.55)}70%{box-shadow:4px 5px 0 rgba(78,48,23,.18),0 0 0 16px rgba(233,88,79,0)}100%{box-shadow:4px 5px 0 rgba(78,48,23,.18),0 0 0 0 rgba(233,88,79,0)}}
@media(prefers-reduced-motion:reduce){.sc-fab{animation:none}}
@media(max-width:560px){.sc-fab{width:min(30vw,130px);right:12px;bottom:max(12px,env(safe-area-inset-bottom));border-width:2px;border-radius:10px}.sc-fab-label{font-size:9.5px;letter-spacing:.04em;padding:4px 4px}.wrap{padding-bottom:110px}}
html.vg-lock .sc-fab{display:none}

/* ---------- modal do formulário ---------- */
.sc-video{display:block;width:calc(100% - 48px);aspect-ratio:16/9;margin:0 0 16px;border-radius:10px;background:#0b0b0e}
.sc-modal{position:fixed;inset:0;z-index:9500;background:rgba(11,11,14,.78);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px;font-family:var(--font,"Bricolage Grotesque",sans-serif)}
.sc-modal[hidden]{display:none}
.sc-card{position:relative;width:100%;max-width:560px;margin:auto 0;background:var(--paper-light,#fffaf0);border:2px solid rgba(87,61,33,.35);border-radius:14px;box-shadow:var(--shadow-card);padding:24px 22px 22px;color:var(--ink,#142d46)}
.sc-close{position:absolute;top:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;border:2px solid rgba(87,61,33,.3);border-radius:10px;background:var(--paper-cream,#f4e6c7);color:var(--navy,#183653);cursor:pointer}
.sc-close svg{width:20px;height:20px}
.sc-kicker{display:inline-block;background:var(--teal,#07887e);color:var(--white-ink,#fffaf0);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:6px}
.sc-card h2{margin:12px 44px 6px 0;font-size:clamp(22px,3vw,27px);line-height:1.2;color:var(--navy,#183653)}
.sc-lead{margin:0 0 16px;font-size:15px;line-height:1.5;color:var(--ink-2,#30445a)}
.sc-grid{display:grid;gap:14px}
.sc-field{display:grid;gap:6px}
.sc-field>span,.sc-field legend{font-size:14px;font-weight:800;color:var(--navy,#183653)}
.sc-field input,.sc-field select{width:100%;min-height:48px;padding:10px 12px;border:2px solid rgba(87,61,33,.35);border-radius:9px;background:#fff;color:var(--ink,#142d46);font:600 16px var(--font,"Bricolage Grotesque",sans-serif)}
.sc-field input:focus,.sc-field select:focus{outline:0;border-color:var(--teal,#07887e);box-shadow:0 0 0 3px rgba(7,136,126,.18)}
.sc-field [aria-invalid="true"]{border-color:var(--coral-2,#d9473f)}
.sc-phone{display:grid;grid-template-columns:minmax(0,132px) minmax(0,1fr);gap:8px}
.sc-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
/* 3 opções de horário (uma por dia), seleção única */
.sc-slots{margin:0;padding:0;border:0;min-width:0;display:grid;gap:8px}
.sc-slots>legend{padding:0;margin-bottom:8px;font-size:14px;font-weight:800;color:var(--navy,#183653)}
.sc-slot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,2vw,10px)}
.sc-slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1;min-width:0;padding:6px 4px;text-align:center;border:2px solid rgba(87,61,33,.35);border-radius:10px;background:#fff;color:var(--ink,#142d46);cursor:pointer}
.sc-slot input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.sc-slot-day{font-size:clamp(11px,3.4vw,14px);font-weight:700;line-height:1.2;color:var(--ink-2,#30445a)}
.sc-slot-time{font-size:clamp(19px,6.4vw,26px);font-weight:800;line-height:1.05;white-space:nowrap;color:var(--navy,#183653)}
.sc-slot-period{font-size:clamp(10px,3vw,12px);font-weight:600;line-height:1.2;color:var(--ink-3,#56616a)}
.sc-slot:hover{border-color:var(--teal,#07887e)}
.sc-slot:has(input:checked){border-color:var(--teal,#07887e);background:rgba(7,136,126,.08);box-shadow:0 0 0 1px var(--teal,#07887e) inset}
.sc-slot.is-on{border-color:var(--teal,#07887e);background:rgba(7,136,126,.08);box-shadow:0 0 0 1px var(--teal,#07887e) inset}
.sc-slot:has(input:focus-visible){outline:3px solid rgba(7,136,126,.45);outline-offset:2px}
.sc-slots[aria-invalid="true"] .sc-slot{border-color:var(--coral-2,#d9473f)}
.sc-hint{font-size:13px;color:var(--ink-3,#56616a);font-weight:600}
.sc-honey{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}
.sc-msg{margin-top:14px;padding:11px 13px;border-radius:9px;font-size:14.5px;font-weight:700;line-height:1.45;background:var(--erro-bg,#fceae5);color:var(--brick,#8f2f28);border:2px solid rgba(143,47,40,.25)}
.sc-msg.info{background:var(--paper-cream,#f4e6c7);color:var(--kraft-dark,#704522);border-color:rgba(112,69,34,.3)}
.sc-msg:empty{display:none}
.sc-submit{margin-top:18px;width:100%;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:2px solid rgba(87,61,33,.4);border-radius:12px;background:var(--teal,#07887e);color:var(--white-ink,#fffaf0);font:800 17px var(--font,"Bricolage Grotesque",sans-serif);box-shadow:var(--shadow-small);cursor:pointer}
.sc-submit[disabled]{opacity:.6;cursor:progress}
.sc-submit svg{width:20px;height:20px}
.sc-retry{margin-top:10px;background:none;border:0;color:var(--teal-dark,#05645f);font:800 15px var(--font,"Bricolage Grotesque",sans-serif);text-decoration:underline;cursor:pointer;padding:6px 0}
.sc-done{text-align:center;padding:8px 0 4px}
.sc-done[hidden]{display:none}
.sc-done .sc-ok{width:64px;height:64px;margin:4px auto 10px;display:grid;place-items:center;border-radius:16px;background:var(--green,#3a9f78);color:var(--white-ink,#fffaf0);box-shadow:var(--shadow-small);transform:rotate(-4deg)}
.sc-done .sc-ok svg{width:34px;height:34px}
.sc-done h3{margin:6px 0 8px;font-size:23px;color:var(--navy,#183653)}
.sc-done p{margin:0 0 6px;font-size:15.5px;line-height:1.5;color:var(--ink-2,#30445a)}
.sc-when{display:inline-block;margin:8px 0 10px;padding:8px 14px;border-radius:9px;background:var(--paper-aged,#e7d1a2);border:2px dashed rgba(112,69,34,.45);font-weight:800;color:var(--kraft-dark,#704522)}
@media(max-width:560px){.sc-two{grid-template-columns:1fr}.sc-card{padding:20px 16px 18px}.sc-modal{padding:12px}}