:root{
  --roxo:#ff6b35;--roxo-light:#ff8c61;--laranja:#e55a28;--azul:#4d9fdb;
  --verde:#2D6A4F;--vermelho:#C1121F;--amarelo:#E09F3E;
  --cinza-bg:#F7F8FA;--branco:#FFFFFF;--preto:#1A1A1A;--cinza-texto:#555;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--preto);line-height:1.75;background:var(--branco)}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.25}
a{color:var(--roxo);text-decoration:none}
a:hover{text-decoration:underline}
nav{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #eee;z-index:100;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}
nav .logo img{height:28px}
nav .cta{background:var(--roxo);color:#fff;padding:.5rem 1.1rem;border-radius:8px;font-weight:600;font-size:.85rem}
nav .cta:hover{background:var(--roxo-light);text-decoration:none}
.container{max-width:820px;margin:0 auto;padding:2.5rem 1.5rem}
.breadcrumbs{font-size:.85rem;color:var(--cinza-texto);margin-bottom:1rem}
.breadcrumbs a{color:var(--cinza-texto)}
h1{font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;margin:.5rem 0 1rem;color:var(--preto)}
h1 .accent{color:var(--roxo)}
.subtitle{font-size:1.15rem;color:var(--cinza-texto);margin-bottom:1.5rem}
.byline{padding:1rem 1.25rem;background:var(--cinza-bg);border-radius:10px;font-size:.85rem;color:var(--cinza-texto);display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;margin-bottom:2rem}
.byline strong{color:var(--preto)}
article h2{font-size:1.75rem;margin:2.5rem 0 1rem;color:var(--preto)}
article h3{font-size:1.25rem;margin:2rem 0 .75rem}
article p{margin-bottom:1rem}
article ul,article ol{margin:1rem 0 1rem 1.5rem}
article li{margin-bottom:.35rem}
article table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}
article th,article td{padding:.75rem;border:1px solid #eee;text-align:left;vertical-align:top}
article th{background:var(--cinza-bg);font-weight:700}
.callout{background:#FFF3E0;border-left:4px solid var(--roxo);padding:1rem 1.25rem;border-radius:8px;margin:1.5rem 0}
.cta-box{background:linear-gradient(135deg,#FFF3E0,#FFE8DB);padding:2rem;border-radius:14px;text-align:center;margin:2.5rem 0}
.cta-box h3{margin-bottom:.75rem}
.cta-box .btn{display:inline-block;background:var(--laranja);color:#fff;padding:.85rem 2rem;border-radius:10px;font-weight:700;margin-top:.75rem;box-shadow:0 4px 15px rgba(255,107,53,.3)}
.cta-box .btn:hover{transform:translateY(-2px);text-decoration:none}
.related{border-top:1px solid #eee;margin-top:3rem;padding-top:2rem}
.related h3{margin-bottom:1rem}
.related ul{list-style:none;margin:0;padding:0}
.related li{margin-bottom:.5rem}
footer{border-top:1px solid #eee;padding:2rem 1.5rem;text-align:center;font-size:.8rem;color:#999}
footer a{color:var(--roxo)}
details{background:var(--branco);border:1px solid #eee;border-radius:10px;margin-bottom:.75rem;padding:0}
details summary{padding:1rem 1.25rem;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
details summary::after{content:"+";color:var(--roxo);font-weight:700;font-size:1.2rem}
details[open] summary::after{content:"−"}
details p{padding:0 1.25rem 1rem;color:var(--cinza-texto);font-size:.95rem}