/* WDYS — direção A "Editorial Marinho". Layout: coluna de leitura de 700px, grade de 1180px, faixas de largura total com miolo centrado. */
:root{
  --marinho:#001838; --marinho-2:#0A2A55; --texto:#1E2A38; --texto-2:#5A6B7D;
  --acao:#0B5CAD; --acao-escuro:#084A8C; --ciano:#00D8F8; --ambar:#FFB020;
  --papel:#F6F8FA; --branco:#FFFFFF; --linha:#DCE3EA; --nevoa:#EAF1F7;
  --t-mei:#0B5CAD; --t-mei-bg:#E3EEF9; --t-vender:#8A4B00; --t-vender-bg:#FFF1D6;
  --t-proteger:#B3361B; --t-proteger-bg:#FCE8E3; --t-tec:#0B6676; --t-tec-bg:#DDF4F7;
  --f-titulo:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;
  --f-texto:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
  --w:1180px; --w-leitura:700px; --r:10px; --r-2:16px;
  --sombra:0 1px 2px rgba(0,24,56,.06),0 10px 28px -16px rgba(0,24,56,.22);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--f-texto);font-size:16px;line-height:1.6}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--branco)}
img{max-width:100%;height:auto;display:block}
a{color:var(--acao)}
a:hover{color:var(--acao-escuro)}
:focus-visible{outline:3px solid var(--ciano);outline-offset:2px;border-radius:4px}
.in{max-width:var(--w);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:var(--marinho);color:#fff;padding:8px 12px}
h1,h2,h3{font-family:var(--f-titulo);color:var(--marinho);text-wrap:balance;margin:0}
.olho{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2);margin:0;display:flex;align-items:center;gap:8px}
.olho::before{content:"";width:0;height:0;border-left:7px solid var(--ciano);border-top:5px solid transparent;border-bottom:5px solid transparent}

/* Cabeçalho */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--branco);border-bottom:1px solid var(--linha)}
.topo .barra{display:flex;align-items:center;gap:20px;min-height:64px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--marinho);flex-shrink:0}
.marca svg{width:38px;height:32px}
.marca b{font-family:var(--f-titulo);font-weight:800;font-size:1.45rem;letter-spacing:-.02em}
.menu{display:flex;gap:4px;margin-left:auto}
.menu a{text-decoration:none;color:var(--texto);font-weight:600;font-size:.93rem;padding:8px 12px;border-radius:8px}
.menu a:hover,.menu a[aria-current]{background:var(--nevoa);color:var(--marinho)}
.ferr{display:flex;align-items:center;gap:8px}
.lang{display:flex;border:1px solid var(--linha);border-radius:999px;overflow:hidden}
.lang a{font-size:.72rem;font-weight:700;text-decoration:none;color:var(--texto-2);padding:6px 9px}
.lang a[aria-current]{background:var(--marinho);color:#fff}
.btn-ic{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--linha);border-radius:10px;background:var(--branco);color:var(--marinho);cursor:pointer}
.trilhas-m{display:none}
@media (max-width:900px){
  .menu{display:none}.ferr{margin-left:auto}
  .trilhas-m{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--linha);padding-block:8px}
  .trilhas-m::-webkit-scrollbar{display:none}
  .trilhas-m a{flex-shrink:0;text-decoration:none;font-size:.85rem;font-weight:600;color:var(--texto);padding:6px 12px;border-radius:999px;background:var(--nevoa)}
}
@media (max-width:420px){.lang a{padding:6px 7px}}

/* Rótulos de trilha */
.tag{display:inline-flex;align-items:center;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:6px;text-decoration:none;width:fit-content}
.tag.mei{color:var(--t-mei);background:var(--t-mei-bg)}.tag.vender{color:var(--t-vender);background:var(--t-vender-bg)}
.tag.proteger{color:var(--t-proteger);background:var(--t-proteger-bg)}.tag.tec{color:var(--t-tec);background:var(--t-tec-bg)}

/* Home: pergunta */
.pergunta{background:var(--branco);border-bottom:1px solid var(--linha)}
.pergunta .in{padding-block:44px 36px;display:grid;gap:18px}
.pergunta h1{font-size:clamp(1.9rem,4.6vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;max-width:17ch}
.pergunta p.lead{margin:0;color:var(--texto-2);font-size:1.08rem;max-width:58ch}
.busca{display:flex;gap:8px;max-width:680px;background:var(--branco);border:2px solid var(--marinho);border-radius:14px;padding:6px}
.busca input{flex:1;min-width:0;border:0;font:inherit;font-size:1.02rem;padding:10px 12px;background:transparent;color:var(--texto)}
.busca input:focus{outline:none}
.busca button{border:0;border-radius:10px;background:var(--acao);color:#fff;font:600 .95rem var(--f-texto);padding:0 18px;cursor:pointer;display:flex;align-items:center;gap:8px}
.busca button:hover{background:var(--acao-escuro)}
.atalhos{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.atalhos a{display:inline-block;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--marinho);border:1px solid var(--linha);background:var(--papel);padding:7px 12px;border-radius:999px}
.atalhos a:hover{border-color:var(--acao);color:var(--acao)}

/* Seções */
.secao{padding-block:44px}
.sec-cab{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sec-cab h2{font-size:1.5rem;font-weight:700;letter-spacing:-.015em}
.sec-cab a{font-weight:600;font-size:.92rem;text-decoration:none}

/* Destaques */
.destaques{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}
.dest-grande{display:grid;gap:14px;text-decoration:none;color:inherit}
.dest-grande img{border-radius:var(--r-2);aspect-ratio:16/9;object-fit:cover;width:100%}
.dest-grande h3{font-size:clamp(1.35rem,2.6vw,1.8rem);font-weight:700;line-height:1.2}
.dest-grande p{margin:0;color:var(--texto-2)}
.dest-lista{display:grid;gap:18px;align-content:start}
.mini{display:grid;grid-template-columns:132px 1fr;gap:14px;text-decoration:none;color:inherit;padding-bottom:18px;border-bottom:1px solid var(--linha)}
.mini:last-child{border-bottom:0}
.mini img{border-radius:8px;aspect-ratio:16/9;object-fit:cover;width:100%}
.mini div{display:grid;gap:6px;align-content:start;min-width:0}
.mini h3{font-size:1rem;font-weight:600;line-height:1.3}
a.dest-grande:hover h3,a.mini:hover h3,a.card:hover h3{color:var(--acao)}
@media (max-width:860px){.destaques{grid-template-columns:1fr}}
@media (max-width:420px){.mini{grid-template-columns:104px 1fr}}

/* Calculadoras */
.calcs{background:var(--marinho);color:#DCE6F2}
.calcs .in{padding-block:40px;display:grid;gap:22px}
.calcs h2{color:#fff;font-size:1.5rem}
.calcs .olho{color:#9FB4CC}
.calc-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;list-style:none;margin:0;padding:0}
.calc-grade a{display:grid;gap:4px;height:100%;text-decoration:none;padding:16px 18px;border-radius:12px;background:var(--marinho-2);border:1px solid rgba(0,216,248,.18)}
.calc-grade a:hover{border-color:var(--ciano)}
.calc-grade b{color:#fff;font-weight:600;font-size:.98rem}
.calc-grade span{color:#9FB4CC;font-size:.86rem}
.calc-grade b::after{content:" →";color:var(--ambar)}

/* Trilhas */
.trilhas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trilha{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-2);padding:20px;display:grid;gap:12px;align-content:start}
.trilha h3{font-size:1.1rem}
.trilha ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.trilha li a{text-decoration:none;color:var(--texto);font-size:.93rem;line-height:1.35;display:block}
.trilha li a:hover{color:var(--acao)}
.trilha .todos{font-weight:600;font-size:.9rem;text-decoration:none}
@media (max-width:1000px){.trilhas{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.trilhas{grid-template-columns:1fr}}

/* Anúncio com altura reservada */
.ad{display:grid;place-items:center;min-height:280px;margin-block:28px;border:1px dashed var(--linha);border-radius:12px;background:var(--branco);color:var(--texto-2);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
@media (min-width:768px){.ad{min-height:250px}}

/* Categoria */
.cat-cab{background:var(--branco);border-bottom:1px solid var(--linha)}
.cat-cab .in{padding-block:24px 30px;display:grid;gap:12px}
.trilha-nav{font-size:.84rem;color:var(--texto-2)}
.trilha-nav ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.trilha-nav li+li::before{content:"›";margin-right:6px}
.trilha-nav a{color:var(--texto-2)}
.cat-cab h1{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.02em}
.cat-cab p{margin:0;max-width:68ch;color:var(--texto-2)}
.nota-fontes{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--texto);background:var(--nevoa);border-radius:10px;padding:12px 14px;max-width:760px}
.nota-fontes svg{flex-shrink:0;margin-top:2px}
.fixado{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:center;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-2);padding:16px;text-decoration:none;color:inherit;box-shadow:var(--sombra)}
.fixado img{border-radius:10px;aspect-ratio:16/9;object-fit:cover;width:100%}
.fixado div{display:grid;gap:8px;min-width:0}
.fixado h2{font-size:1.35rem}
.fixado p{margin:0;color:var(--texto-2)}
@media (max-width:700px){.fixado{grid-template-columns:1fr}}
.filtros{display:grid;gap:12px;margin-block:30px 20px}
.filtros .busca{max-width:520px;border-width:1px;border-color:var(--linha)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:600 .86rem var(--f-texto);color:var(--marinho);background:var(--branco);border:1px solid var(--linha);border-radius:999px;padding:7px 12px;cursor:pointer}
.chips button span{color:var(--texto-2);font-weight:500;margin-left:4px;font-variant-numeric:tabular-nums}
.chips button[aria-pressed="true"]{background:var(--marinho);color:#fff;border-color:var(--marinho)}
.chips button[aria-pressed="true"] span{color:#B8C8DA}
.grade{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:960px){.grade{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grade{grid-template-columns:1fr}}
.card{display:grid;grid-template-rows:auto 1fr;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-2);overflow:hidden;text-decoration:none;color:inherit}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.card div{padding:16px 18px 18px;display:grid;gap:8px;align-content:start}
.card h3{font-size:1.04rem;font-weight:600;line-height:1.32}
.card p{margin:0;color:var(--texto-2);font-size:.9rem}
@media (max-width:600px){.card p{display:none}}
.vazio{color:var(--texto-2)}

/* Artigo */
.art-cab .in{max-width:calc(var(--w-leitura) + 32px);padding-block:22px 6px;display:grid;gap:14px}
.art-cab h1{font-size:clamp(1.85rem,4.4vw,2.6rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.art-cab .sub{margin:0;font-size:1.15rem;color:var(--texto-2);line-height:1.5}
.autor{display:flex;gap:12px;align-items:center;font-size:.88rem;color:var(--texto-2);padding-top:6px}
.autor .av{width:44px;height:44px;border-radius:50%;background:var(--marinho);color:#fff;display:grid;place-items:center;font:700 .95rem var(--f-titulo);flex-shrink:0}
.autor b{color:var(--marinho)}
.autor p{margin:0}
.capa{max-width:880px;margin:18px auto 0;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.capa img{border-radius:var(--r-2);width:100%;aspect-ratio:16/9;object-fit:cover}
.prosa{max-width:calc(var(--w-leitura) + 32px);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:8px 40px;font-size:1.0625rem;line-height:1.72}
.prosa>*{min-width:0}
.prosa p,.prosa ul,.prosa ol{margin:0 0 1.1em}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li{margin-bottom:.45em}
.prosa h2{font-size:1.5rem;font-weight:700;letter-spacing:-.015em;margin:1.9em 0 .6em;scroll-margin-top:90px}
.prosa h3{font-size:1.15rem;font-weight:600;margin:1.5em 0 .5em}
.prosa strong{color:var(--marinho)}
.sumario{background:var(--branco);border:1px solid var(--linha);border-radius:12px;padding:16px 20px;margin:24px 0}
.sumario b{font-family:var(--f-titulo);color:var(--marinho);display:block;margin-bottom:6px}
.sumario ol{margin:0;padding-left:1.2em;font-size:.95rem}
.sumario a{text-decoration:none}
.box-dica,.aviso-calc{background:var(--nevoa);border-left:4px solid var(--acao);border-radius:0 10px 10px 0;padding:14px 16px;font-size:.97rem}
.fonte-oficial{font-size:.9rem;color:var(--texto-2);border-top:1px solid var(--linha);padding-top:12px}
.wtab-wrap{overflow-x:auto;margin:0 0 1.2em}
.wtab{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
.wtab th,.wtab td{border-bottom:1px solid var(--linha);padding:9px 10px;text-align:left}
.wtab th{color:var(--marinho);font-weight:600;background:var(--branco)}
.wcalc{background:var(--branco);border:1px solid var(--linha);border-top:4px solid var(--ambar);border-radius:14px;padding:20px;margin:1.6em 0;display:grid;gap:10px;box-shadow:var(--sombra)}
.wcalc h3{margin:0}
.wcalc .sub{margin:0;color:var(--texto-2);font-size:.95rem}
.wcalc label{font-weight:600;font-size:.9rem;color:var(--marinho)}
.wcalc select,.wcalc input{font:inherit;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--papel);color:var(--texto);max-width:100%}
.saida{display:grid;border:1px solid var(--linha);border-radius:10px;overflow:hidden}
.linha{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:.95rem;border-bottom:1px solid var(--linha);font-variant-numeric:tabular-nums}
.linha:last-child{border-bottom:0}
.linha.destaque{background:var(--marinho);color:#fff}
.linha.destaque b{color:var(--ambar);font-size:1.1rem}
.relacionados{border-top:1px solid var(--linha);background:var(--branco)}
.relacionados .in{padding-block:36px}

/* Rodapé */
.rodape{background:var(--marinho);color:#B8C8DA;font-size:.92rem}
.rodape .in{padding-block:40px 28px;display:grid;gap:28px}
.rod-grade{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:24px}
.rodape h4{color:#fff;font:600 .82rem var(--f-titulo);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px}
.rodape ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.rodape a{color:#DCE6F2;text-decoration:none}
.rodape a:hover{color:var(--ciano)}
.rodape .marca{color:#fff}
.rod-base{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:.84rem}
@media (max-width:900px){.rod-grade{grid-template-columns:1fr 1fr}}
.aviso-prev{background:var(--ambar);color:var(--marinho);font-size:.84rem;font-weight:600}
.aviso-prev .in{padding-block:8px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2')}
.ad{display:block;place-items:initial;min-height:300px;padding:8px;text-align:center;border-style:solid;background:transparent}
.ad-l{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-2);margin-bottom:6px}
.ad ins{min-height:250px}
.in-ad{max-width:calc(var(--w-leitura) + 32px);margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.trilha h3 a{color:inherit;text-decoration:none}.trilha h3 a:hover{color:var(--acao)}
.trilhas-3{grid-template-columns:repeat(3,1fr)}.trilhas-2{grid-template-columns:repeat(2,1fr)}.trilhas-1{grid-template-columns:1fr}
@media (max-width:1000px){.trilhas-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.trilhas-3,.trilhas-2{grid-template-columns:1fr}}
a.btn-ic{text-decoration:none}
.capa{margin-block:18px 0}
.lista{padding-top:28px}
.prosa.estatica{padding-block:32px 48px}
.prosa.estatica h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:.6em}
.prosa .code{font:800 3rem var(--f-titulo);color:var(--acao)}
.prosa .cta-row{display:flex;gap:10px;flex-wrap:wrap}
.prosa .btn{display:inline-block;padding:10px 18px;border-radius:10px;background:var(--acao);color:#fff;text-decoration:none;font-weight:600}
.prosa .btn-ghost{background:var(--branco);color:var(--marinho);border:1px solid var(--linha)}
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--marinho);color:#DCE6F2;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;
 padding-block:14px calc(14px + env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));font-size:.9rem;box-shadow:0 -8px 24px rgba(0,24,56,.25)}
.cookie[hidden]{display:none}
.cookie p{margin:0;max-width:760px}.cookie a{color:var(--ciano)}
.cookie div{display:flex;gap:8px}
.cookie button{font:600 .9rem var(--f-texto);padding:9px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}
.cookie button.ok{background:var(--ciano);border-color:var(--ciano);color:var(--marinho)}
.wcalc label{display:block}.wcalc input,.wcalc select{display:block;width:100%;max-width:360px}