/* Viaje Coberto — estilo compartilhado */
:root{
  --ink:#10263B;
  --ink-2:#3D5568;
  --line:#D5DEE5;
  --field:#A9BACA;
  --ground:#EEF2F5;
  --paper:#FFFFFF;
  --amber:#F2B233;
  --amber-soft:#FFF6E0;
  --amber-ink:#7A4B00;
  --link:#0B5A8A;
  --board:#10263B;
  --board-line:#2E4A61;
  --board-text:#DCE5EC;
  --display:'Bricolage Grotesque',system-ui,sans-serif;
  --body:'Public Sans',system-ui,sans-serif;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font-family:var(--body);color:var(--ink);background:var(--ground);line-height:1.5;font-size:17px}
img{max-width:100%}
a{color:var(--link)}
a:hover{color:#08405F}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;margin:0}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.topo{background:var(--paper);border-bottom:1px solid var(--line)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:24px}
.marca{font-family:var(--display);font-weight:700;font-size:24px;color:var(--ink);text-decoration:none}
.menu{display:flex;gap:28px;font-weight:500;font-size:16px}
.menu a{color:var(--ink);text-decoration:none}
.menu a:hover{text-decoration:underline}
.menu-botao{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:var(--paper);cursor:pointer}
@media (max-width:760px){
  .menu{display:none;position:absolute;left:0;right:0;top:72px;background:var(--paper);flex-direction:column;gap:0;border-bottom:1px solid var(--line);z-index:5}
  .menu a{padding:16px 24px;border-top:1px solid var(--line)}
  .menu.aberto{display:flex}
  .menu-botao{display:flex;align-items:center;justify-content:center}
  .topo{position:relative}
}
.hero{padding:64px 0 72px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:48px;align-items:center}
.hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-1px}
.hero p.sub{font-size:20px;color:var(--ink-2);margin-top:20px;max-width:30em}
.hero p.nota{font-size:15px;color:var(--ink-2);margin-top:14px}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:32px}.hero{padding:40px 0 48px}}
.embarque{display:flex;background:var(--paper);border:1px solid #C9D5DE;border-radius:20px;overflow:hidden}
.embarque .campos{flex:1;padding:32px 36px;display:flex;flex-direction:column;gap:20px}
.embarque .titulo{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.embarque .titulo strong{font-family:var(--display);font-size:22px}
.embarque .titulo span{font-size:14px;color:var(--ink-2)}
.canhoto{width:190px;border-left:2px dashed var(--field);background:var(--board);padding:32px 26px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;color:#fff}
.canhoto small{display:block;font-size:14px;color:#B8C7D4}
.canhoto .grande{font-family:var(--display);font-weight:700;font-size:32px;line-height:1}
.canhoto .status{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1;color:var(--amber)}
@media (max-width:640px){
  .embarque{flex-direction:column}
  .embarque .campos{padding:22px 20px}
  .canhoto{width:auto;border-left:none;border-top:2px dashed var(--field);padding:18px 20px}
  .canhoto .info{display:none}
}
.campo{display:flex;flex-direction:column;gap:8px}
.campo label{font-size:14px;font-weight:600;color:var(--ink-2)}
.campo select,.campo input{height:52px;border-radius:10px;border:1px solid var(--field);padding:0 14px;font-size:17px;font-family:inherit;color:var(--ink);background:var(--paper);min-width:0;width:100%}
.linha-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:1240px){.linha-3{grid-template-columns:repeat(2,minmax(0,1fr))}.linha-3 .campo:last-child{grid-column:1/-1}}
@media (max-width:640px){.linha-3{grid-template-columns:repeat(2,minmax(0,1fr))}.linha-3 .campo:last-child{grid-column:1/-1}}
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;border:none;font-family:inherit;font-weight:600;font-size:17px;text-decoration:none;cursor:pointer}
.botao-ambar{background:var(--amber);color:var(--ink)}
.botao-ambar:hover{background:#E4A420;color:var(--ink)}
.botao-escuro{background:var(--ink);color:#fff}
.botao-escuro:hover{background:#1B3A55;color:#fff}
.botao-contorno{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.botao-contorno:hover{background:var(--ink);color:#fff}
.botao-cheio{width:100%}
.secao{padding:80px 0 0}
.secao-titulo{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.secao-titulo h2{font-size:clamp(28px,3.2vw,40px)}
.secao-titulo p{color:var(--ink-2);margin-top:10px}
.painel{background:var(--paper);border-radius:20px;padding:48px 56px}
@media (max-width:640px){.painel{padding:26px 20px}.secao{padding-top:56px}}
.cartao-bloco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:48px}
.cartao-bloco h2{font-size:clamp(28px,3.2vw,40px)}
.cartao-bloco p{color:var(--ink-2);margin-top:16px;font-size:18px}
.pegadinhas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.pegadinha{border:1px solid var(--line);border-radius:14px;padding:22px}
.pegadinha strong{display:block;font-size:17px;margin-bottom:6px}
.pegadinha span{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){.cartao-bloco{grid-template-columns:1fr;gap:28px}}
@media (max-width:520px){.pegadinhas{grid-template-columns:1fr}}
.tabela-rolagem{overflow-x:auto;border-radius:16px}
table.comparar{width:100%;border-collapse:collapse;background:var(--paper);font-size:16px;min-width:680px}
table.comparar th{background:var(--ink);color:#fff;text-align:left;padding:18px 22px;font-weight:600}
table.comparar td{padding:20px 22px;border-bottom:1px solid var(--line);vertical-align:middle}
table.comparar tr:last-child td{border-bottom:none}
table.comparar tr.destaque td{background:var(--amber-soft)}
table.comparar .nome{font-weight:600}
table.comparar .selo{display:block;font-size:14px;font-weight:600;color:var(--amber-ink);margin-top:4px}
table.comparar .selo.neutro{color:var(--ink-2);font-weight:500}
table.comparar td:last-child{text-align:right;white-space:nowrap}
.aviso-tabela{font-size:14px;color:var(--ink-2);margin-top:14px}
.quadro{background:var(--board);border-radius:20px;padding:48px 56px}
.quadro h2{color:#fff;font-size:clamp(26px,3.2vw,40px);margin-bottom:24px}
.quadro a{display:grid;grid-template-columns:300px 1fr 150px;align-items:center;gap:16px;padding:20px 0;border-top:1px solid var(--board-line);text-decoration:none}
.quadro a:last-child{border-bottom:1px solid var(--board-line)}
.quadro .destino{font-family:var(--display);font-weight:700;font-size:25px;color:var(--amber)}
.quadro .desc{color:var(--board-text);font-size:17px}
.quadro .acao{color:#fff;font-weight:600;text-align:right}
.quadro a.breve .acao{color:#B8C7D4;font-weight:500}
.quadro a:hover .desc{color:#fff}
@media (max-width:760px){
  .quadro{padding:26px 20px}
  .quadro a{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .quadro .destino{font-size:20px}
  .quadro .desc{font-size:14px}
  .quadro .acao{text-align:left;font-size:14px}
}
.guias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.guia{background:var(--paper);border-radius:16px;padding:26px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px}
.guia small{font-size:14px;font-weight:600;color:var(--link)}
.guia strong{font-family:var(--display);font-size:23px;line-height:1.2}
.guia span{font-size:15px;color:var(--ink-2)}
.guia:hover strong{text-decoration:underline}
@media (max-width:900px){.guias{grid-template-columns:1fr}}
.rodape{margin-top:88px;background:var(--paper);border-top:1px solid var(--line);padding:44px 0}
.rodape .wrap{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap}
.rodape .transparencia{max-width:640px}
.rodape .transparencia strong{display:block;margin-bottom:8px}
.rodape .transparencia p{font-size:15px;color:var(--ink-2)}
.rodape nav{display:flex;gap:24px;font-size:15px;flex-wrap:wrap}
.rodape .copy{width:100%;font-size:14px;color:var(--ink-2)}
.artigo{max-width:760px;margin:0 auto;padding:56px 24px 0}
.artigo .trilha{font-size:14px;color:var(--ink-2);margin-bottom:18px}
.artigo h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-0.8px}
.artigo .abre{font-size:20px;color:var(--ink-2);margin-top:18px}
.artigo .meta{font-size:14px;color:var(--ink-2);margin-top:18px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.artigo h2{font-size:30px;margin:44px 0 14px}
.artigo h3{font-size:22px;margin:28px 0 10px}
.artigo p{margin:0 0 18px;font-size:18px;line-height:1.65}
.artigo ul,.artigo ol{margin:0 0 20px;padding-left:24px;font-size:18px;line-height:1.65}
.artigo li{margin-bottom:8px}
.caixa{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:26px 28px;margin:30px 0}
.caixa h3{margin-top:0}
.caixa.ambar{background:var(--amber-soft);border-color:var(--amber)}
.caixa p:last-child,.caixa ul:last-child{margin-bottom:0}
.ferramenta{background:var(--paper);border-radius:20px;padding:36px;margin-top:32px}
.pergunta{border:none;padding:0;margin:0 0 26px}
.pergunta legend{font-weight:600;font-size:18px;margin-bottom:12px}
.opcoes{display:flex;flex-wrap:wrap;gap:10px}
.opcoes label{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border:1.5px solid var(--field);border-radius:12px;cursor:pointer;font-size:16px}
.opcoes input{accent-color:var(--ink);width:18px;height:18px}
.opcoes label:has(input:checked){border-color:var(--ink);background:var(--ground)}
.resultado{margin-top:10px;border-radius:16px;padding:26px 28px;display:none}
.resultado.mostrar{display:block}
.resultado.ok{background:#E7F1F7;border:1.5px solid var(--link)}
.resultado.risco{background:var(--amber-soft);border:1.5px solid var(--amber)}
.resultado h3{font-size:24px;margin-bottom:10px}
.resultado ul{margin:12px 0 18px;padding-left:22px}
@media (max-width:640px){.ferramenta{padding:22px 18px}}
.pula{position:absolute;left:-9999px}
.pula:focus{left:16px;top:16px;background:#fff;padding:10px 14px;z-index:10}