/* =====================================================================
   Comum aos artigos do blog (HTML/BLOG/blog-*.html).
   Carregado depois do base.css e antes do CSS próprio de cada artigo
   (Assets/css/blog/<artigo>.css). Regra que depende da ordem em relação
   a uma regra própria do artigo ficou no arquivo do artigo, de propósito.
   ===================================================================== */
:root{
  --navy:#0B2A5B;--navy-deep:#0A1230;--blue:#1560F0;--orange:#F6871F;--orange-soft:#FDEFE0;
  --orange-txt:#A85207;  /* laranja para TEXTO sobre fundo claro */
  --bg:#FFFFFF;--bg-soft:#EFF6FC;--ink:#33415E;--radius:16px;--shell:min(1220px,92vw);
}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{color:var(--navy);line-height:1.2;letter-spacing:-.015em;font-weight:800}
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;font-size:.8rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--navy);margin-bottom:1.1rem}
.eyebrow.light{color:#fff}
.btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:700;font-size:.95rem;padding:.85rem 1.7rem;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;border:none}
header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #E9EFF7}
.nav-links a:hover::after,.nav-links a.ativo::after{width:100%}
.post-hero{position:relative;color:#fff;overflow:hidden;padding:3.6rem 0 3rem;background:linear-gradient(100deg,#0A1B4D 0%,#0E2C77 55%,#123A9C 100%)}
.post-hero .shell{max-width:48rem}
.post-hero .categoria{color:var(--orange);font-weight:700;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase}
.post-hero h1{color:#fff;font-size:clamp(1.9rem,4vw,2.7rem);margin-top:.8rem}
.post-hero .meta{margin-top:1.2rem;color:#AFC2E8;font-size:.9rem}
.post-hero .voltar{display:flex;align-items:center;gap:.4rem;color:#D4E0F7;font-size:.85rem;font-weight:600;margin-bottom:1.4rem;width:fit-content}
.post-hero .voltar:hover{color:#fff}
.post-body{max-width:44rem;margin:0 auto}
.post-body h2{font-size:1.5rem;margin:2.2rem 0 1rem}
.post-body p{margin-bottom:1.2rem;font-size:1.03rem}
.post-body li{margin-bottom:.5rem}
.post-body strong{color:var(--navy)}
/* ---------- Bloco de conversão personalizado (padrão da spec) ---------- */
.conversao{
  position:relative;overflow:hidden;color:#fff;border-radius:24px;margin-top:3.2rem;
  padding:3rem 2.2rem;background:linear-gradient(160deg,#0F3578 0%,#12244E 60%,#0A1230 100%);
}
.conversao .eyebrow{color:var(--orange)}
.conversao h2{color:#fff;font-size:1.6rem;margin-top:0}
.conversao p.lead{color:#D4E0F7;margin-bottom:2rem;max-width:38rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}
.form-grid input,.form-grid select{
  width:100%;border:none;border-radius:999px;padding:.95rem 1.3rem;
  font-family:inherit;font-size:.98rem;color:var(--navy);background:#fff;
}
.form-grid input::placeholder{color:#8A94B0}
.form-grid select{color:#8A94B0;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238A94B0' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1.3rem center;
}
.form-grid input:focus,.form-grid select:focus{outline:3px solid var(--orange);outline-offset:1px}
.form-grid .full{grid-column:1/-1}
.btn-submit{
  grid-column:1/-1;background:var(--orange);color:var(--navy-deep);border:none;
  border-radius:999px;padding:1.05rem;font-family:inherit;font-weight:800;
  letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(246,135,31,.4)}
.conversao-alt{
  margin-top:1.4rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;
  padding-top:1.4rem;border-top:1px solid rgba(255,255,255,.15);
}
.conversao-alt span{color:#AFC2E8;font-size:.9rem}
.conversao-alt a{color:#fff;font-weight:700;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
.conversao-alt a:hover{color:var(--orange)}
.form-aviso{margin-top:1.1rem;font-size:.8rem;line-height:1.55;color:#AFC2E8}
.form-aviso a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.form-aviso a:hover{color:var(--orange)}
footer{background:var(--navy-deep);color:#93A0BE;padding:5rem 0 2.2rem;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.1fr;gap:2.5rem;margin-bottom:3.5rem}
.selo-box{background:#fff;border-radius:12px;padding:1rem 1.3rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;transition:transform .2s,box-shadow .2s;min-width:190px}
.foot-grid ul{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.foot-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.8rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem}
.whats{position:fixed;right:1.4rem;bottom:1.4rem;z-index:70;width:58px;height:58px;border-radius:50%;background:#128C7E;display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,0,0,.28);transition:transform .2s}
@media (max-width:1000px){
  .foot-grid{grid-template-columns:1fr 1fr}
  .nav-links,.intranet{display:none}
  .menu-toggle{display:block}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:82px;left:0;right:0;background:#fff;padding:1.5rem 4vw;gap:1.2rem;border-bottom:1px solid #E9EFF7}
}
/* animação desligada no sistema: só cor, opacidade e sombra transitam */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-property:opacity,color,background-color,border-color,box-shadow,filter!important}html{scroll-behavior:auto}}