:root{--gold:#d9a200;--gold-dark:#b88000;--navy:#08172f;--navy2:#0e2040;--white:#fff;--gray:#f4f5f6;--muted:#b0b8c1;--text:#172033;--body:'Barlow',Arial,sans-serif;--display:'Barlow Condensed',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);background:#f7f8fa;color:var(--text);line-height:1.7}
a{color:#084f7b}a:hover{color:var(--gold-dark)}.site-nav{background:var(--navy);color:#fff;border-bottom:3px solid var(--gold);padding:0 max(5%,calc((100% - 1180px)/2));min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-family:var(--display);font-weight:900;color:#fff;text-decoration:none;font-size:25px;line-height:1.1}.brand span{color:var(--gold)}.nav-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.nav-links a{color:#fff;text-decoration:none;font-weight:600}.nav-links a:hover{color:var(--gold)}
.hero{background:linear-gradient(135deg,#08172f,#12365a);color:#fff;padding:62px 20px 56px}.wrap{max-width:1120px;margin:auto;padding-left:22px;padding-right:22px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;color:var(--gold);font-size:.8rem}.hero h1{font:800 clamp(2.2rem,5vw,3.6rem)/1.08 var(--display);max-width:820px;margin:12px 0}.hero p{max-width:720px;color:#e1e7ef;font-size:1.1rem;margin:0}.main{padding-top:38px;padding-bottom:64px}.section-title{font:800 2rem/1.2 var(--display);color:var(--navy);margin:0 0 18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}.pill{display:inline-block;border:1px solid #d9dee5;border-radius:999px;padding:5px 12px;text-decoration:none;font-size:.9rem;background:#fff;color:#26384b}.pill.active,.pill:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #e3e7ec;border-radius:13px;overflow:hidden;box-shadow:0 6px 22px #08172f0a;display:flex;flex-direction:column}.card-body{padding:22px;display:flex;flex-direction:column;flex:1}.card h2{font:700 1.55rem/1.2 var(--display);margin:10px 0;color:var(--navy)}.card h2 a{text-decoration:none;color:inherit}.card p{margin:0 0 16px;color:#4e5a69}.meta{font-size:.85rem;color:#647184}.category{color:#8b6500;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.readmore{margin-top:auto;font-weight:700;text-decoration:none}
.article-wrap{max-width:850px;margin:0 auto;padding:40px 22px 70px}.breadcrumbs{font-size:.9rem;margin-bottom:24px;color:#5b6877}.breadcrumbs a{color:#405b75}.article-head h1{font:800 clamp(2.2rem,5vw,3.5rem)/1.1 var(--display);color:var(--navy);margin:10px 0 18px}.article-desc{font-size:1.2rem;color:#526071}.article-content{font-size:1.08rem;line-height:1.85;margin-top:30px}.article-content h2{font:800 2rem/1.2 var(--display);color:var(--navy);margin:38px 0 12px}.article-content h3{font:700 1.5rem/1.25 var(--display);color:var(--navy);margin:28px 0 8px}.article-content ul,.article-content ol{padding-left:25px}.article-content li{margin:7px 0}.article-content blockquote{border-left:4px solid var(--gold);margin:24px 0;padding:8px 20px;background:#fff}.cta{background:var(--navy);color:#fff;padding:26px;border-radius:14px;margin:36px 0}.cta h2{color:#fff!important;margin-top:0!important}.cta a{display:inline-block;background:var(--gold);color:#08172f;font-weight:800;padding:10px 16px;border-radius:6px;text-decoration:none}.site-footer{background:var(--navy);color:#dbe2ec;padding:28px 20px;text-align:center}.site-footer a{color:#fff}.empty{background:#fff;border:1px dashed #c7d0da;padding:30px;border-radius:12px}.small-note{font-size:.88rem;color:#697586}
@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{align-items:flex-start;padding-top:18px;padding-bottom:18px;flex-direction:column}.nav-links{gap:14px}}
@media(max-width:560px){.cards{grid-template-columns:1fr}.hero{padding-top:42px}.article-content{font-size:1rem}}
/* Padronização das imagens nas listagens do blog */
.card img,
.card-image,
.post-image,
.article-image {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
    object-position: center;
}

/* Imagens dentro do conteúdo dos artigos */
.article-content img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 20px auto;
}