/* Landing do DASH Revisional (paginas/inicio.html).
   Design das landings da família DASH (Atendimento e Notificação, classes lp-*):
   navy #1A2B4A, gradiente do hero, ouro #C9A227 no título, faixas branca/papel/
   escura de 1040px, rodapé "rd". Valores copiados da landing da Notificação.
   Lá o CSS é inline; aqui a CSP só aceita estilo do próprio domínio, por isso
   este arquivo. Libre Franklin hospedada aqui (public/fontes/, licença OFL ao
   lado; baixada do Google Fonts v20 em 04/10/2026 com o ok do Edson): um arquivo
   variável por subconjunto cobre os pesos 400 a 800. */
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fontes/libre-franklin-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/fontes/libre-franklin-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --navy:#1A2B4A; --navy-escuro:#0F1622; --navy-medio:#22365C;
  --aco:#868D99; --aco-claro:#D0D5DE; --tinta:#1C2430; --cinza:#5C6675;
  --fundo:#F4F6F8; --superficie:#FFFFFF; --borda:#D3D9E0; --acao:#35507A;
  --ok:#2E7D4F; --ouro:#C9A227;
  --ui:"Libre Franklin",system-ui,"Segoe UI",Roboto,sans-serif;
  --editorial:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{background:var(--fundo);scroll-behavior:smooth}
body{margin:0;font-family:var(--ui);color:var(--tinta);background:var(--fundo);font-size:16.5px;line-height:1.6}
img{max-width:100%;height:auto}
a{color:var(--acao)}
p{margin:0 0 16px;max-width:720px}

/* topo */
.lp-topo{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,calc(50% - 520px))}
.lp-marca{display:flex;align-items:center;gap:12px;min-width:0;color:#fff;text-decoration:none}
.lp-marca img{display:block;flex:none}
.lp-marca b{display:block;font-size:24px;font-weight:800;letter-spacing:.01em;white-space:nowrap;line-height:1.1}
.lp-marca b span{font-weight:400;opacity:.95}
.lp-marca small{display:block;color:#c5cdda;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.lp-topo > a:last-child{color:var(--navy);background:#fff;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;border:1px solid #fff;border-radius:8px;padding:9px 18px}
.lp-topo > a:last-child:hover{background:#EBEEF2}
/* Vitrine das outras ferramentas DASH (05/10/2026, igual ao Leitor de HISCON): topo e rodapé */
.ferr-topo{margin-left:auto;color:var(--ouro);border:1.5px solid var(--ouro);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;text-align:center}
.ferr-topo:hover{background:rgba(201,162,39,.14)}
@media (max-width:760px){ .lp-topo{flex-wrap:wrap} .ferr-topo{order:3;flex-basis:100%;margin-left:0} }
.rd-ferr{margin:28px 0 0;text-align:center}
.rd-ferr a{display:inline-block;background:var(--ouro);color:var(--navy);font-size:18px;font-weight:700;text-decoration:none;border-radius:10px;padding:14px 26px}
.rd-ferr a:hover{background:#D9B640}
.ferr-curto{display:none}
@media (max-width:560px){
  .lp-topo{padding:10px 16px;gap:10px 12px}
  .lp-marca b{font-size:19px}
  .lp-marca small{font-size:10.5px;letter-spacing:.06em}
  /* alvo de toque de 44 px (recomendação para o dedo) nos dois links do topo */
  .lp-topo > a:last-child{padding:0 14px;font-size:14px;min-height:44px;display:inline-flex;align-items:center}
  /* vitrine: uma linha fina com o texto curto, em vez de um botão de duas linhas
     que empurrava o título para o meio da primeira tela (ajuste de 05/10/2026) */
  .ferr-topo{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 10px;font-size:13px;white-space:nowrap}
  .ferr-longo{display:none}
  .ferr-curto{display:inline}
}
/* preços: o valor nunca quebra em "R$" / "25,00" nos celulares estreitos */
.pr-faixas .pr-faixa .v{white-space:nowrap}
@media (max-width:420px){ .pr-faixas .pr-faixa .v{font-size:21px} }

/* faixas */
.lp-bloco{padding:60px max(20px,calc(50% - 520px))}
.lp-papel{background:var(--fundo)}
.lp-branca{background:var(--superficie)}
.lp-escura{background:var(--navy);color:#fff}
.lp-chapeu{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--acao);margin:0 0 14px;font-weight:700}
.lp-escura .lp-chapeu{color:#9DB4D6}
.lp-h1{font-size:clamp(30px,3.9vw,46px);line-height:1.08;margin:0 0 18px;font-weight:800;letter-spacing:-.01em}
.lp-h2{font-family:var(--editorial);font-weight:400;font-size:clamp(26px,3.1vw,34px);line-height:1.22;margin:0 0 14px;color:var(--navy);max-width:860px}
.lp-escura .lp-h2{color:#fff}
.lp-fio{width:64px;height:3px;background:var(--aco);margin:0 0 22px}
.lp-escura .lp-fio{background:#9DB4D6}
.lp-lead{font-family:var(--editorial);font-size:19.5px;line-height:1.6;margin:0 0 18px;max-width:760px}
.lp-escura .lp-lead,.lp-escura p{color:#D5DCE8}
.lp-miudo{font-size:14px;color:var(--cinza);margin-top:14px}

/* hero — o nome do produto é o título (pedido do Edson 04/10/2026) */
.lp-hero{background:linear-gradient(165deg,var(--navy-medio) 0%,var(--navy) 45%,var(--navy-escuro) 100%);color:#fff;padding:56px max(20px,calc(50% - 520px)) 60px}
.lp-hero > div{max-width:860px}
.lp-hero .lp-chapeu{color:#9DB4D6}
.lp-hero .lp-h1{color:var(--ouro);text-transform:uppercase;font-size:clamp(42px,7.4vw,84px);line-height:1;letter-spacing:.005em;margin-bottom:20px}
.lp-sub{font-family:var(--ui);font-weight:800;font-size:clamp(19px,2.2vw,24px);line-height:1.3;margin:0 0 18px;color:#F0C14B;max-width:780px}
.lp-hero .lp-lead{color:#D5DCE8}
.lp-hero .lp-lead b{color:#fff}

/* botões */
.lp-botoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.lp-btn{display:inline-block;font-family:var(--ui);font-weight:600;font-size:15.5px;padding:13px 22px;border-radius:8px;text-decoration:none;border:1px solid transparent;cursor:pointer;text-align:center}
.lp-btn-claro{background:#fff;color:var(--navy)}
.lp-btn-claro:hover{background:#EBEEF2}
.lp-btn-contorno{border-color:rgba(255,255,255,.45);color:#fff;background:transparent}
.lp-btn-contorno:hover{background:rgba(255,255,255,.08)}
.lp-nota{font-size:13.5px;color:#9DB4D6;margin-top:14px}
@media (max-width:560px){ .lp-botoes .lp-btn{width:100%} }

/* números */
.lp-numeros{background:var(--navy-escuro);color:#fff;padding:26px max(20px,calc(50% - 520px));display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lp-num b{display:block;font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;color:var(--ouro)}
.lp-num span{display:block;font-size:13px;color:#9DB4D6;margin-top:6px;line-height:1.35}
@media (max-width:820px){ .lp-numeros{grid-template-columns:repeat(2,1fr)} }

/* listas, destaque, cartões, grupos */
.lp-check{list-style:none;margin:18px 0 0;padding:0;max-width:820px}
.lp-check li{position:relative;padding-left:30px;margin:0 0 14px}
.lp-check li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:3px;background:var(--navy)}
.lp-check-claro li{color:#D5DCE8}
.lp-check-claro li b{color:#fff}
.lp-check-claro li::before{background:var(--ouro)}
.lp-destaque{font-family:var(--editorial);font-size:clamp(20px,2.4vw,26px);line-height:1.35;color:var(--navy);border-left:4px solid var(--ouro);padding:6px 0 6px 22px;margin:28px 0 8px;max-width:820px}
.lp-escura .lp-destaque{color:#fff}

.lp-cartoes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.lp-cartoes-2{grid-template-columns:repeat(2,1fr)}
.lp-cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:24px}
.lp-branca .lp-cartao{background:var(--fundo)}
.lp-cartao .lp-marcador{width:34px;height:34px;border-radius:7px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;margin-bottom:14px}
.lp-cartao h3{font-size:17px;margin:0 0 8px;font-weight:700;color:var(--navy)}
.lp-cartao p{font-size:15px;color:var(--cinza);margin:0}
.lp-cartao p + p{margin-top:10px}
.lp-etiqueta{font-size:11.5px !important;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--acao) !important;margin:0 0 8px !important}
#fundamento .lp-cartao{border-top:3px solid var(--ouro)}
.lp-cartao blockquote{font-family:var(--editorial);font-size:16px;line-height:1.55;color:var(--tinta);border-left:3px solid var(--aco-claro);margin:0 0 12px;padding:2px 0 2px 14px}
.lp-cartao-central{margin-top:26px;border:2px solid var(--navy) !important;border-top:5px solid var(--ouro) !important;background:var(--superficie) !important}
.lp-cartao-central h3{font-size:21px}
.lp-cartao-central blockquote{font-size:19px;border-left-color:var(--ouro);color:var(--navy)}
.lp-cartao-central p{font-size:15.5px}
.lp-cartao-pratica{margin-top:16px}
.lp-cartao-pratica .lp-check{margin:6px 0 12px}
.lp-cartao-pratica .lp-check li{font-size:15px;color:var(--cinza);margin-bottom:8px}
.lp-cartao-pratica .lp-check li::before{background:var(--ouro);top:6px;width:12px;height:12px}
.lp-fatores{width:100%;border-collapse:collapse;margin:4px 0 14px;font-size:15px}
.lp-fatores th,.lp-fatores td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--borda)}
.lp-fatores th{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--acao);font-weight:700}
.lp-fatores td:first-child{font-weight:600;color:var(--navy);width:44%}
.lp-fatores td:last-child{color:var(--cinza)}
.lp-fatores-nao td{background:var(--fundo)}
.lp-fatores-nao td:last-child{color:var(--tinta);font-style:italic}
.lp-aviso{margin:26px 0 0;border:1px dashed var(--navy);border-radius:10px;padding:16px 20px;max-width:none;background:var(--fundo)}
.lp-aviso p{font-size:15px;margin:0;max-width:none}
.lp-aviso .lp-etiqueta{margin-bottom:8px !important}
@media (max-width:820px){ .lp-cartoes,.lp-cartoes-2{grid-template-columns:1fr} }

.lp-pecas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 28px;margin-top:22px}
.lp-grupo{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:22px 24px}
.lp-grupo > b{display:block;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acao);margin-bottom:12px}
.lp-grupo p{font-size:15.5px}
.lp-lista{margin:0 0 16px;padding-left:22px;font-size:15.5px}
.lp-lista li{margin:0 0 6px}
.lp-formula{font-family:var(--editorial);font-size:19px;color:var(--navy);text-align:center;background:var(--fundo);border-radius:8px;padding:10px 12px}
@media (max-width:820px){ .lp-pecas{grid-template-columns:1fr} }

/* trechos de laudo real */
.lp-trecho{margin:26px 0 0;background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:16px;max-width:760px}
.lp-trecho figcaption{font-size:14.5px;color:var(--cinza);margin:0 0 12px}
.lp-trecho figcaption b{color:var(--navy)}
.lp-trecho img{display:block;width:100%;border-radius:4px}
.lp-trechos-duo{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:start}
.lp-trechos-duo .lp-trecho{max-width:none}
@media (max-width:820px){ .lp-trechos-duo{grid-template-columns:1fr} }
/* Vídeos (06/10/2026): comercial 16:9 no computador e 9:16 no celular — o
   oculto tem preload="none" e não baixa nada; didático do método no #metodo */
.lp-video{margin:18px 0 0;max-width:860px}
.lp-video video{display:block;width:100%;height:auto;border-radius:12px;background:var(--navy);box-shadow:0 10px 30px rgba(15,22,34,.18)}
.lp-video-h video{aspect-ratio:16/9}
.lp-video-v{display:none;max-width:400px;margin-left:auto;margin-right:auto}
.lp-video-v video{aspect-ratio:9/16}
.lp-video-metodo video{aspect-ratio:16/9}
.lp-h3-video{font-family:var(--editorial);font-weight:400;font-size:24px;color:var(--navy);margin:40px 0 8px}
@media (max-width:760px){ .lp-video-h{display:none} .lp-video-v{display:block} }

/* preços (pr-* da landing da Notificação, 5 faixas) */
.pr-faixas{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:28px 0 6px}
.pr-faixa{position:relative;border:1px solid var(--borda);border-radius:10px;padding:20px 12px 16px;text-align:center;background:var(--superficie)}
.pr-faixa.melhor{border-color:var(--navy);border-width:2px}
.pr-faixa .off{position:absolute;top:-11px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.04em;background:var(--navy);color:#fff;border-radius:999px;padding:3px 10px}
.pr-faixa .q{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza);font-weight:700}
.pr-faixa .v{font-size:26px;font-weight:800;color:var(--navy);line-height:1.15;margin:6px 0 2px;font-variant-numeric:tabular-nums}
.pr-faixa .v small{display:block;font-size:12px;font-weight:400;color:var(--cinza);margin-top:4px}
@media (max-width:760px){
  .pr-faixas{grid-template-columns:1fr 1fr;gap:18px 10px;margin-top:24px}
  .pr-faixa.melhor{grid-column:1 / -1}
}

/* fecho */
.lp-final{text-align:center}
.lp-final .lp-h2,.lp-final .lp-lead{margin-left:auto;margin-right:auto}
.lp-final .lp-botoes{justify-content:center}

/* rodapé */
footer.rd{background:var(--navy);color:#9aa8bf;padding:34px max(22px,calc(50% - 520px)) 22px;font-size:13px}
.rd-wrap{display:grid;grid-template-columns:150px repeat(3,1fr);gap:22px;align-items:start}
.rd-marca img{display:block;opacity:.9}
.rd-col b{display:block;color:#fff;font-weight:600;margin-bottom:6px}
.rd-col span{display:block;line-height:1.55}
.rd-col a{color:#c9d2e0;text-decoration:none}
.rd-col a:hover{text-decoration:underline}
.rd-fim{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding-top:14px;font-size:12px;color:#7f8ba0;line-height:1.5;max-width:none}
@media (max-width:820px){ .rd-wrap{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .rd-wrap{grid-template-columns:1fr} }