/* Páginas públicas no modelo F (check-up do Uélicon): fundo #f5f5f7, Inter, azul #0071e3 na ação. */
@font-face{font-family:Inter;src:url('/_p/vendor/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#1d1d1f;--muted:#6e6e73;--texto-2:#3f3f46;--blue:#0071e3;--blue-hover:#0062c4;--green:#058b61;--paper:#f5f5f7;--line:#e7e7eb;--campo:#d9d9de;--erro:#c2352c}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);font:400 16px/1.6 Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
a{color:var(--blue)}a:hover{color:#0058b0}
.wrap{width:min(1120px,calc(100% - 88px));margin-inline:auto}

.topo-in{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:17px;font-weight:600;letter-spacing:-.02em}
.marca-sim{width:32px;height:32px;border-radius:9px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:0}
.topo-data{font-size:13px;color:var(--muted);text-align:right}

.hero{display:grid;grid-template-columns:1.15fr minmax(0,400px);gap:64px;align-items:center;padding:48px 0 72px}
.olho{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.hero h1{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.05;letter-spacing:-.045em;font-weight:700;text-wrap:balance}
.hero-sub{margin:22px 0 0;font-size:18px;line-height:1.6;color:#626269;max-width:520px;letter-spacing:-.015em}
.hero-fatos{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-fatos li{font-size:13px;color:var(--texto-2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px}

.form-card{background:#fff;border-radius:20px;padding:28px;box-shadow:0 16px 42px rgba(29,29,31,.08);display:flex;flex-direction:column;gap:14px}
.form-card h2{margin:0 0 2px;font-size:21px;font-weight:700;letter-spacing:-.02em}
.form-fechado p{margin:0;color:var(--muted);font-size:15px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label{font-size:13px;font-weight:500}
.campo input{height:46px;width:100%;border:1px solid var(--campo);border-radius:10px;padding:0 14px;font:400 16px Inter,system-ui,sans-serif;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s}
.campo input::placeholder{color:#9a9aa0}
.campo input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,113,227,.18)}
.campo input[aria-invalid=true]{border-color:var(--erro)}
.armadilha{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.consentimento{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--texto-2);cursor:pointer}
.consentimento input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--blue)}
.form-erro{margin:0;font-size:13px;color:var(--erro);background:#fdf2f1;border-radius:8px;padding:8px 12px}
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border:0;border-radius:12px;background:var(--blue);color:#fff;font:600 16px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s,transform .15s}
.botao:hover{background:var(--blue-hover);color:#fff}
.botao:focus-visible{outline:3px solid rgba(0,113,227,.35);outline-offset:2px}
.botao[disabled]{opacity:.6;cursor:progress}
.form-nota{margin:0;font-size:12px;color:var(--muted);text-align:center}

.topicos{padding:8px 0 80px}
.topicos h2{margin:0 0 22px;font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.03em}
.topicos-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.topico{background:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px}
.topico h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}
.topico p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}

.rodape{border-top:1px solid var(--line);background:#fff}
.rodape-in{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted)}
.rodape a{color:var(--muted)}

.faixa-previa{background:#fffaf0;border-bottom:1px solid #f3d9a8;color:#b45309;font-size:13px;font-weight:500;text-align:center;padding:8px}

.obrigado{display:flex;justify-content:center;align-items:flex-start;padding:48px 0 80px}
.obrigado-card{max-width:560px;width:100%;background:#fff;border-radius:22px;padding:40px;box-shadow:0 16px 42px rgba(29,29,31,.08);display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center}
.obrigado-card h1{margin:0;font-size:32px;line-height:1.12;letter-spacing:-.035em}
.obrigado-card .hero-sub{margin:10px 0 20px;font-size:16px}
.obrigado-ok{width:52px;height:52px;border-radius:50%;background:#ecf8f3;display:grid;place-items:center;margin-bottom:10px}
.obrigado-ok svg{width:26px;height:26px;fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.botao-zap{width:100%}
.obrigado-aviso{margin:0;font-size:15px;color:var(--texto-2);background:var(--paper);border-radius:12px;padding:14px 16px}

.texto{max-width:720px;padding:40px 0 80px}
.texto h1{font-size:34px;letter-spacing:-.03em;line-height:1.15}
.texto p{color:var(--texto-2)}

.prova{padding:24px 0 64px}
.prova h1{font-size:30px;letter-spacing:-.03em;margin:0}
.prova-video{position:relative;margin-top:20px;border-radius:14px;overflow:hidden;background:#1d1d1f;aspect-ratio:16/9}
.prova-video video{width:100%;height:100%;display:block}
.prova-som{position:absolute;right:16px;bottom:16px;min-height:40px;font-size:14px}
.prova-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 0}
.prova-num div{background:#fff;border-radius:12px;padding:12px 16px}
.prova-num dt{font-size:12px;color:var(--muted)}
.prova-num dd{margin:2px 0 0;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:32px;padding:24px 0 56px}
  .topicos-grade{grid-template-columns:1fr}
}
@media(max-width:700px){
  .wrap{width:calc(100% - 40px)}
  .topo-in{min-height:60px}
  .topo-data{font-size:11px;line-height:1.35;max-width:50%}
  .marca{font-size:15px}
  .hero h1{font-size:40px}
  .hero-sub{font-size:16px}
  .form-card{padding:22px;border-radius:18px}
  .obrigado-card{padding:28px 22px}
  .obrigado-card h1{font-size:26px}
  .rodape-in{flex-direction:column;justify-content:center;padding:16px 0;gap:4px}
  .prova-num{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ---------- pesquisa do inscrito (uma pergunta por tela) ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pesq{display:flex;justify-content:center;padding:40px 0 80px}
.pesq-card{width:100%;max-width:640px;display:flex;flex-direction:column;gap:12px}
.pesq-ok{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--blue)}
.pesq-ok svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pesq-passos{display:flex;gap:6px}
.pesq-passo{height:4px;flex:1;border-radius:99px;background:var(--line)}
.pesq-passo.feito{background:var(--blue)}
.pesq-n{margin:0;font-size:13px;color:var(--muted)}
.pesq-card h1{margin:0 0 16px;font-size:36px;line-height:1.12;letter-spacing:-.025em;font-weight:700;text-wrap:balance}
.pesq-ops{display:flex;flex-direction:column;gap:10px}
.pesq-op{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 20px;border-radius:14px;border:1px solid var(--line);background:#fff;font:500 16px Inter,system-ui,sans-serif;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.pesq-op:hover,.pesq-op:focus-visible{border-color:var(--blue);background:#f5f9ff;outline:0}
.pesq-op.marcada{border-color:var(--blue);background:#eef4fd}
.pesq-letra{width:28px;height:28px;border-radius:8px;background:#f0f0f3;color:var(--texto-2);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none}
.pesq-acoes{display:flex;gap:10px;margin-top:4px}
.botao-leve{background:#fff;color:var(--ink);border:1px solid var(--campo)}
.botao-leve:hover{background:#f7f9fc;color:var(--ink)}
.pesq-nota{margin:12px 0 0;font-size:12px;color:#9a9aa0}
.pesq-nota a{color:var(--muted)}
.botao-verde{width:100%;gap:10px;background:#1faa59;min-height:54px}
.botao-verde:hover{background:#178f4a}
.botao-verde svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.pesq{padding:20px 0 56px}.pesq-card h1{font-size:28px}.pesq-op{min-height:56px;font-size:15px}}

/* ---------- sala do webinário: acesso, espera, ao vivo e fim (fatia 3) ---------- */
[hidden]{display:none!important}
.acesso{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:72px;align-items:center;padding:48px 0 80px}
.acesso-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.acesso-copy .olho{margin:0}
.acesso-copy h1{margin:0;font-size:clamp(34px,4.2vw,48px);line-height:1.06;letter-spacing:-.03em;font-weight:700;text-wrap:balance}
.acesso-copy .hero-sub{margin:0}
.acesso-card{gap:14px}
.acesso-card h2{font-size:22px}
.acesso-texto{margin:0;font-size:14px;color:var(--muted)}
.acesso-card .botao{width:100%}
.acesso-nota{text-align:left;line-height:1.5}
.contagem{display:flex;gap:10px}
.contagem-n{display:flex;flex-direction:column;align-items:center;gap:2px;width:88px;padding:14px 0;border-radius:14px;background:#fff}
.contagem-n span{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;color:var(--ink)}
.contagem-n small{font-size:12px;color:var(--muted)}

.sala-topo-esq{display:flex;align-items:center;gap:12px;min-width:0}
.sala-titulo{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selo-vivo{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;background:#d93025;color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;flex:none}
.selo-vivo i{width:6px;height:6px;border-radius:50%;background:#fff}

.sala{display:flex;flex-direction:column}
.sala>.acesso{flex:1}
.sala>.obrigado{flex:1;align-items:center}
/* o palco acompanha a largura do topo; o vídeo cabe na altura da tela (os botões aparecem logo abaixo) */
.palco{display:flex;gap:24px;width:min(1120px,calc(100% - 88px));margin-inline:auto;padding:8px 0 40px;align-items:flex-start}
.palco.com-chat{width:min(1400px,calc(100% - 80px))}
.palco-principal{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.espera-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:8px}
.espera-copy{display:flex;flex-direction:column;gap:10px;max-width:600px}
.espera-copy .olho{margin:0}
.espera-copy h1{margin:0;font-size:40px;line-height:1.08;letter-spacing:-.03em;font-weight:700}
.espera-copy .hero-sub{margin:0;font-size:16px}
.espera-relogio{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;color:var(--muted);flex:none}
.espera-relogio .contagem-n{width:84px;padding:12px 0}
.moldura{position:relative;width:min(100%,calc((100svh - 200px) * 16 / 9));margin-inline:auto;border-radius:18px;background:#1d1d1f;overflow:hidden;aspect-ratio:16/9;box-shadow:0 8px 24px rgba(29,29,31,.08);display:flex;align-items:center;justify-content:center}
.moldura video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#1d1d1f}
.moldura-aviso{position:relative;margin:0;padding:0 24px;color:#c7c7cc;font-size:15px;text-align:center}
.moldura-play{position:relative}
.som{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:99px;border:0;background:#fff;color:var(--ink);font:500 13px Inter,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.som svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.sala-botoes{display:flex;flex-direction:column;gap:12px}
.sala-botoes:empty{display:none}
.botao-sala{display:flex;align-items:center;gap:22px;padding:18px 20px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(29,29,31,.06)}
.botao-sala-texto{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.botao-sala-texto strong{font-size:20px;font-weight:700;letter-spacing:-.015em}
.botao-sala-texto p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.botao-sala .botao{min-height:52px;padding:0 26px;white-space:nowrap}
.sala-chat{width:360px;flex:none;align-self:stretch;min-height:320px;background:#fff;border-radius:18px;box-shadow:0 8px 24px rgba(29,29,31,.06);display:flex;flex-direction:column;overflow:hidden}
.sala-chat-cab{padding:16px 18px;border-bottom:1px solid #f0f0f3;font-size:15px;font-weight:600}
.sala-chat-vazio{margin:auto;padding:24px;font-size:13px;color:var(--muted);text-align:center}

@media(max-width:1100px){.sala-chat{width:300px}}
@media(max-width:900px){
  .acesso{grid-template-columns:1fr;gap:32px;padding:24px 0 56px}
  .palco,.palco.com-chat{flex-direction:column;width:calc(100% - 40px);padding:8px 0 24px}
  .sala-chat{width:100%;min-height:200px}
  .espera-cab{flex-direction:column;align-items:flex-start;gap:16px}
  .espera-relogio{align-items:flex-start}
}
/* celular (SalaMobile): barra branca com o selo, vídeo no topo de ponta a ponta e o conteúdo embaixo */
@media(max-width:700px){
  .contagem{gap:8px}
  .contagem-n{width:auto;flex:1;padding:10px 0}
  .contagem-n span{font-size:24px}
  .espera-relogio .contagem-n{width:auto}
  body.sala-aovivo .sala-topo{background:#fff;border-bottom:1px solid #f0f0f3}
  body.sala-aovivo .sala-topo .topo-in{min-height:52px}
  body.sala-aovivo .topo-data{display:none}
  .sala-titulo{font-size:14px}
  .selo-vivo{height:22px;padding:0 8px;font-size:11px}
  .palco,.palco.com-chat{width:100%;padding:0 0 24px;gap:16px}
  .espera-relogio{align-self:stretch}
  .espera-relogio .contagem{width:100%}
  .palco-principal{gap:14px}
  .espera-cab{padding:12px 20px 0;margin:0}
  .espera-copy h1{font-size:28px}
  .moldura{width:100%;border-radius:0;box-shadow:none}
  .som{left:10px;bottom:10px;height:32px;padding:0 12px;font-size:12px}
  .sala-botoes{padding:0 12px}
  .botao-sala{flex-direction:column;align-items:stretch;gap:12px;padding:16px}
  .botao-sala-texto strong{font-size:18px}
  .botao-sala .botao{width:100%}
  .sala-chat{border-radius:0;box-shadow:none}
}