/* Formulário externo do SAC · CBS Médico Científica. Visual do SAC (modelo aprovado em 15/10/2026):
   Inter, caixa normal, marca do SAC em destaque e CBS em segundo plano, roxo da CBS só na ação.
   Sem fontes nem bibliotecas de fora (a política de segurança da página só aceita arquivos daqui). */
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url(../fonts/Inter-latin.woff2) format("woff2")}
:root{
  --bg:#f6f7f9;--surface:#fff;--surface-2:#f9fafb;--hover:#f3f4f6;--sunken:#f1f3f5;
  --border:#e5e7eb;--border-2:#d1d5db;--text:#1f2937;--text-2:#5b6573;--text-3:#8a94a0;
  --primary:#312783;--primary-hover:#271f6a;--primary-soft:#efeefa;--primary-text:#312783;--link:#312783;
  --verde:#20a35e;--verde-bg:#e8f5ee;--verde-tx:#17713f;--amar-bg:#fdf4dc;--amar-tx:#7a5300;--verm:#d93025;--verm-tx:#a31d14;--verm-bg:#fdecea;
  --r:10px;--r-s:6px;--font:"Inter","Segoe UI",system-ui,sans-serif;color-scheme:light
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0f1318;--surface:#161b22;--surface-2:#1a2028;--hover:#1f2630;--sunken:#1c222b;--border:#2a313c;--border-2:#38414d;
  --text:#e6e9ee;--text-2:#9aa4b1;--text-3:#717c89;--primary:#5b50b8;--primary-hover:#6a60c4;--primary-soft:#232042;--primary-text:#c9c4f5;--link:#a9a2ec;
  --verde:#3aa86b;--verde-bg:#13291d;--verde-tx:#7fd3a3;--amar-bg:#2d2410;--amar-tx:#f0c766;--verm:#f28b82;--verm-tx:#f4a29b;--verm-bg:#331716;color-scheme:dark}
  .claro{display:none!important}}
@media (prefers-color-scheme:light){.escuro{display:none!important}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{background:var(--bg)}
body{margin:0;color:var(--text);font:14px/1.5 var(--font);min-height:100vh;display:flex;flex-direction:column}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--link)}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
h1{font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em}
h2{font-size:16px;font-weight:600;margin:0}
p{margin:0}
.t2{color:var(--text-2)}.t3{color:var(--text-3)}.sm{font-size:13px}.xs{font-size:12px}
.num{font-variant-numeric:tabular-nums}
.pilha{display:grid;gap:14px}
.i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.i.grande{width:24px;height:24px;color:var(--text-3)}

/* cabeçalho: marca do SAC em destaque, CBS em segundo plano */
.topo{background:var(--surface);border-bottom:1px solid var(--border)}
.topo-in{max-width:760px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{display:flex;align-items:center;gap:14px;min-width:0}
.marca-sac{height:42px;width:auto;flex:none}
.marca-txt{display:grid;line-height:1.25;padding-left:14px;border-left:1px solid var(--border);min-width:0}
.marca-txt b{font-size:14px;font-weight:600}
.marca-txt span{font-size:12px;color:var(--text-2)}
.marca-cbs{height:34px;width:auto;flex:none;opacity:.85}
.rodape{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;padding:18px 16px 26px;font-size:12px;color:var(--text-3)}
.rodape a{color:inherit}

.pagina{width:100%;max-width:760px;margin:0 auto;padding:22px 16px 30px;display:grid;gap:16px}
.pagina.estreita{max-width:460px}
.cartao{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;min-width:0}
.faixa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;font-size:13px;color:var(--text-2);
  background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:8px 8px 8px 14px}
.faixa form{display:inline}
.intro{display:grid;gap:4px}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 14px;border-radius:var(--r-s);border:1px solid var(--border-2);background:var(--surface);cursor:pointer;font-weight:500;text-decoration:none;color:var(--text)}
.btn:hover{background:var(--hover)}
.lnk{border:0;background:none;color:var(--link);cursor:pointer;padding:4px 6px;font-weight:500;border-radius:4px}
.lnk:hover{background:var(--primary-soft)}
.btn-principal{min-height:46px;padding:0 20px 0 24px;border-radius:999px;font-size:15px;font-weight:600;color:#fff;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 82%,#fff) 0%,var(--primary) 55%,var(--primary-hover) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(49,39,131,.2),0 10px 22px -8px rgba(49,39,131,.6)}
.btn-principal .i{width:18px;height:18px}
.btn-principal:disabled{opacity:.6;cursor:wait}

/* campos */
.campo{display:grid;gap:4px;min-width:0;border:0;margin:0;padding:0;align-content:start}
.campo label,.campo .rot{font-size:13px;font-weight:500;color:var(--text)}
legend.rot{padding:0;margin-bottom:4px}
.ajuda{font-size:12px;color:var(--text-3)}
.linha-ajuda{display:flex;justify-content:space-between;gap:12px}
.contador{flex:none}
.contador.curto{color:var(--amar-tx)}
.erro{font-size:12.5px;color:var(--verm-tx);font-weight:500}
.erro:empty{display:none}
.req{color:var(--verm);font-weight:600}
.inp{width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--border-2);border-radius:var(--r-s);background:var(--surface);font-size:16px;transition:border-color .12s,box-shadow .12s}
select.inp{appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a94a0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
textarea.inp{min-height:130px;resize:vertical;line-height:1.5}
.inp:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}
.inp[aria-invalid="true"]{border-color:var(--verm);background:color-mix(in srgb,var(--verm-bg) 45%,var(--surface))}
.inp[aria-invalid="true"]:focus{box-shadow:0 0 0 3px var(--verm-bg)}
.inp.ok{border-color:color-mix(in srgb,var(--verde) 60%,var(--border-2))}
.inp::placeholder{color:var(--text-3)}
.isca{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.senha{position:relative}
.senha .inp{padding-right:84px}
.senha button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--link);font-size:13px;font-weight:500;cursor:pointer;padding:6px}

/* avisos */
.alerta{display:flex;gap:10px;align-items:flex-start;background:var(--amar-bg);color:var(--amar-tx);border-radius:var(--r-s);padding:10px 12px;font-size:13px}
.alerta .i{margin-top:2px}
.alerta.erro-geral{background:var(--verm-bg);color:var(--verm-tx);font-weight:500}
.resumo{display:grid;gap:6px}
.resumo ul{margin:0;padding-left:18px;font-weight:400}
.resumo ul:empty{display:none}
.resumo a{color:inherit}

/* blocos do formulário */
.bloco{display:grid;gap:14px}
.bloco-t{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.bloco-t .n{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:600;flex:none}
.bloco-t p{font-size:12px;color:var(--text-3)}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;align-items:start}
.g2 .larga{grid-column:1/-1}
.tipos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tipo{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-2);border-radius:var(--r-s);cursor:pointer;background:var(--surface);font-size:14px;font-weight:400;line-height:1.3}
.tipo:hover{background:var(--hover)}
.tipo input{accent-color:var(--primary);width:16px;height:16px;margin:0;flex:none}
.tipo:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-text);font-weight:500}
fieldset[aria-invalid="true"] .tipo{border-color:var(--verm)}
.prod{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px 92px 36px;gap:8px;align-items:end}
.prod .x{height:44px;border:0;background:none;color:var(--text-3);cursor:pointer;border-radius:var(--r-s)}
.prod .x:hover{background:var(--hover);color:var(--verm-tx)}
#prods[aria-invalid="true"] .inp{border-color:var(--verm)}
.solta{border:1.5px dashed var(--border-2);border-radius:var(--r);padding:18px;display:grid;justify-items:center;gap:6px;text-align:center;background:var(--surface-2)}
.solta.sobre{border-color:var(--primary);background:var(--primary-soft)}
.arq-input{font-size:13px;max-width:100%}
.js .arq-input{position:absolute;width:1px;height:1px;opacity:0}
.arqs{display:grid;gap:8px}
.arqs:empty{display:none}
.arq{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--border);border-radius:var(--r-s)}
.arq .ic{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;background:var(--sunken);color:var(--text-2);font-size:10px;font-weight:600}
.arq .nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arq.falhou .xs{color:var(--verm-tx)}
.barra{height:4px;border-radius:2px;background:var(--sunken);overflow:hidden;margin-top:4px}
.barra span{display:block;height:100%;width:0;background:var(--primary);transition:width .15s}
.aceite{display:flex;gap:10px;align-items:flex-start;cursor:pointer}
.aceite input{accent-color:var(--primary);width:18px;height:18px;margin:2px 0 0;flex:none}
.aceite input[aria-invalid="true"]{outline:2px solid var(--verm);outline-offset:1px}
.envio{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:14px}

/* entrada e sucesso */
.entrada{display:grid;gap:18px}
.sucesso{display:grid;justify-items:center;gap:14px;text-align:center}
.ok-ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--verde-bg);color:var(--verde)}
.ok-ic .i{width:30px;height:30px;stroke-width:2.5}
.protocolo{font-size:30px;font-weight:600;letter-spacing:.05em;color:var(--primary-text)}
dl.dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 16px;margin:0}
dl.dl dt{color:var(--text-2)}
dl.dl dd{margin:0;overflow-wrap:anywhere}
.sucesso dl.dl{text-align:left;width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-s);padding:12px 14px}
.texto p{line-height:1.6}

@media (max-width:620px){
  .topo-in{padding:10px 14px}
  .marca-sac{height:34px}
  .marca-txt{padding-left:10px}
  .marca-txt b{font-size:13px}
  .marca-cbs{height:26px}
  .pagina{padding:16px 12px 26px}
  .cartao{padding:18px 16px;border-radius:12px}
  .g2,.tipos{grid-template-columns:1fr}
  .prod{grid-template-columns:repeat(3,minmax(0,1fr)) 36px;border-bottom:1px dashed var(--border);padding-bottom:10px}
  .prod .c-prod{grid-column:1/-1}
  .envio .btn-principal{width:100%;justify-content:center}
  dl.dl{grid-template-columns:1fr;gap:0}
  dl.dl dd{margin-bottom:8px}
}
@media (max-width:380px){.marca-txt span{display:none}}
@media print{body{background:#fff}.rodape,[data-imprimir],.btn-principal,.faixa{display:none!important}.cartao{border:0}}