:root { --forest:#1f493e; --forest-deep:#12352d; --cream:#fffaf1; --sand:#f4eddf; --sage-pale:#e8efe4; --clay:#bd7555; --ink:#20352e; --muted:#63716b; --line:rgba(31,73,62,.16); --serif:Iowan Old Style, Palatino Linotype, Book Antiqua, Palatino, Georgia, serif; --sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--sans); line-height:1.65; -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } .blog-container { width:min(calc(100% - 48px), 1050px); margin:auto; }
.skip-link { position:fixed; z-index:10; top:-80px; left:16px; padding:10px 14px; color:#fff; background:var(--forest); } .skip-link:focus { top:0; }
.blog-header { border-bottom:1px solid var(--line); background:rgba(255,250,241,.96); } .blog-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:80px; gap:28px; } .blog-logo { display:flex; width:96px; height:80px; align-items:center; } .blog-logo img { width:86px; height:86px; object-fit:contain; object-position:center; clip-path:polygon(43% 5%,59% 5%,66% 11%,70% 24%,68% 38%,77% 49%,96% 55%,99% 65%,95% 77%,78% 88%,50% 94%,22% 89%,4% 78%,1% 65%,4% 55%,27% 49%,29% 38%,28% 25%,31% 14%,38% 9%); } .blog-header nav { display:flex; align-items:center; gap:29px; color:var(--forest); font-size:13px; font-weight:750; } .blog-header nav .active { color:var(--clay); } .blog-button { padding:10px 15px; color:#fff; background:var(--forest); border-radius:3px; }
.blog-hero { padding:clamp(42px,5vw,64px) 0; color:#fff; background:linear-gradient(115deg, var(--forest-deep), var(--forest)); } .blog-hero > div { max-width:920px; } .blog-kicker, .article-category { margin:0 0 16px; color:#dca482; font-size:10px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; } .blog-hero h1 { max-width:800px; margin:0; font-family:var(--serif); font-size:clamp(39px,4.3vw,62px); font-weight:500; letter-spacing:-.055em; line-height:1; } .blog-hero p:not(.blog-kicker) { max-width:660px; margin:20px 0 0; color:rgba(255,255,255,.78); font-size:17px; } .blog-hero-action { display:inline-flex; align-items:center; gap:10px; margin-top:25px; padding:10px 14px; color:#fff; border:1px solid rgba(255,255,255,.52); font-size:12px; font-weight:800; transition:background .2s ease, color .2s ease; } .blog-hero-action:hover { color:var(--forest); background:#fff; }
.blog-list-section { padding:clamp(34px,4vw,58px) 0 clamp(58px,7vw,92px); background:var(--sand); } .blog-list-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; padding-bottom:19px; border-bottom:1px solid var(--line); } .blog-list-heading span { font-family:var(--serif); font-size:31px; font-weight:600; letter-spacing:-.04em; } .blog-list-heading p { max-width:380px; margin:0; color:var(--muted); font-size:14px; text-align:right; } .blog-list { display:grid; gap:1px; margin-top:28px; background:var(--line); } .blog-list-card { display:grid; grid-template-columns:180px minmax(0,1fr); gap:14px 34px; padding:31px 28px; background:var(--cream); transition:background .2s ease; } .blog-list-card:hover { background:#fff; } .blog-list-card .article-category { margin:4px 0 0; } .blog-list-card h2 { margin:0; font-family:var(--serif); font-size:32px; font-weight:600; letter-spacing:-.045em; line-height:1.1; } .blog-list-card h2 a:hover { color:var(--clay); } .article-excerpt { grid-column:2; margin:0; color:var(--muted); font-size:15px; } .article-footer { grid-column:2; display:flex; justify-content:space-between; gap:15px; padding-top:15px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; font-weight:700; } .article-footer a { color:var(--forest); } .loading { margin:0; padding:26px; color:var(--muted); background:var(--cream); }
.blog-list-card.has-image { grid-template-columns:220px minmax(0,1fr); } .blog-card-image { grid-row:1 / span 3; display:block; overflow:hidden; min-height:164px; background:var(--sage-pale); } .blog-card-image img { display:block; width:100%; height:100%; min-height:164px; object-fit:cover; transition:transform .35s ease; } .blog-card-image:hover img { transform:scale(1.035); } .blog-list-card.has-image .article-category, .blog-list-card.has-image h2 { grid-column:2; }
.article-hero { padding:67px 0 58px; background:var(--sage-pale); } .article-hero .article-category { color:var(--clay); } .article-hero h1 { max-width:850px; margin:0; font-family:var(--serif); font-size:clamp(40px,5.1vw,70px); font-weight:500; letter-spacing:-.055em; line-height:1.02; } .article-meta { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:25px; color:var(--muted); font-size:13px; font-weight:650; }
.article-main { padding:clamp(55px,8vw,94px) 0; } .article-layout { display:grid; grid-template-columns:minmax(0,680px) 220px; gap:clamp(48px,8vw,112px); } .article-content { font-size:17px; } .article-cover { display:block; width:100%; aspect-ratio:3 / 2; margin:0 0 30px; object-fit:cover; } .article-content > p:first-child, .article-cover + p { margin-top:0; font-size:20px; line-height:1.65; } .article-content p { margin:0 0 22px; } .article-content h2 { margin:42px 0 15px; font-family:var(--serif); font-size:34px; font-weight:600; letter-spacing:-.04em; line-height:1.1; } .article-content ul { padding-left:20px; margin:0 0 24px; } .article-content li { margin:8px 0; } .article-aside { align-self:start; padding:25px; background:var(--sand); } .article-aside strong { display:block; font-family:var(--serif); font-size:25px; line-height:1.12; } .article-aside p { margin:14px 0 0; color:var(--muted); font-size:13px; line-height:1.6; } .article-aside a { display:inline-block; margin-top:18px; color:var(--forest); font-size:13px; font-weight:800; } .article-notice { margin-top:45px; padding:16px 19px; color:var(--muted); background:var(--sage-pale); border-left:3px solid var(--clay); font-size:13px; }
.blog-footer { color:#b9c6b7; background:#0d2822; } .blog-footer > div { display:flex; justify-content:space-between; gap:20px; padding:25px 0; font-size:12px; } .blog-footer p { margin:0; } .blog-footer a { color:#fff; font-weight:700; }
@media (max-width:720px) { .blog-container { width:min(calc(100% - 32px),1050px); } .blog-header-inner { min-height:73px; } .blog-logo { width:78px; height:73px; } .blog-logo img { width:72px; height:72px; } .blog-header nav { gap:13px; font-size:11px; } .blog-header nav a:not(.blog-button) { display:none; } .blog-button { padding:9px 11px; } .blog-hero p:not(.blog-kicker) { font-size:16px; } .blog-list-heading { align-items:start; flex-direction:column; } .blog-list-heading p { text-align:left; } .blog-list-card { display:block; padding:28px 22px; } .blog-card-image { min-height:190px; margin:-28px -22px 22px; } .blog-card-image img { min-height:190px; } .blog-list-card .article-category { margin:0 0 15px; } .article-excerpt { margin-top:15px; } .article-footer { margin-top:20px; } .article-layout { grid-template-columns:1fr; } .article-aside { order:-1; } .blog-footer > div { align-items:flex-start; flex-direction:column; } }

/* Logo oficial em PNG, sem recortes artificiais. */
.blog-logo img { width:96px; height:86px; object-fit:contain; object-position:center; clip-path:none; }
@media (max-width:720px) { .blog-logo img { width:78px; height:70px; } }