/* ===== Blog ===== */
.nav a[aria-current="page"]{color:var(--navy)}
.nav a[aria-current="page"]::after{width:100%}

.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:#6b7785;margin-bottom:14px}
.crumbs a{color:var(--blue);text-decoration:none}
.crumbs a:hover{text-decoration:underline}

.chip{display:inline-block;padding:5px 12px;border-radius:999px;background:#e6f1fb;color:var(--blue);font-size:.78rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}
.chip:hover{background:var(--blue);color:#fff}
.chip--on{background:var(--blue);color:#fff}

.blog-hero{background:var(--soft);padding:clamp(36px,6vw,64px) 0 clamp(28px,4vw,40px)}
.blog-hero h1{font-size:clamp(2rem,4.5vw,2.9rem);color:var(--ink);font-weight:600;letter-spacing:-.015em;margin-bottom:.3em}
.blog-hero p{max-width:620px;color:var(--text)}
.cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

.blog-list .section{padding-top:40px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:28px}
.post-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(11,102,180,.08);transition:transform .25s,box-shadow .25s}
.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(11,102,180,.14)}
.post-card__media{display:block;aspect-ratio:16/9;background:#eaf3fb;overflow:hidden}
.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-card:hover .post-card__media img{transform:scale(1.04)}
.post-card__ph{display:grid;place-items:center;height:100%}
.post-card__ph img{width:56px;height:auto;opacity:.35;object-fit:contain}
.post-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1;align-items:flex-start}
.post-card__title{font-size:1.15rem;line-height:1.35;margin:0;text-wrap:balance}
.post-card__title a{text-decoration:none;color:var(--ink)}
.post-card__title a:hover{color:var(--blue)}
.post-card__excerpt{font-family:"DM Sans",sans-serif;color:#4a525b;font-size:.94rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.post-card__meta{font-size:.8rem;color:#7a8592;margin:auto 0 0}
.post-card--big{display:grid;grid-template-columns:1.3fr 1fr;margin-bottom:36px}
.post-card--big .post-card__media{aspect-ratio:auto;min-height:300px}
.post-card--big .post-card__body{padding:clamp(22px,4vw,40px);justify-content:center}
.post-card--big .post-card__title{font-size:clamp(1.4rem,2.6vw,1.9rem)}

.empty{text-align:center;padding:40px 0}
.empty h2{color:var(--blue-2)}

.pager{display:flex;justify-content:space-between;align-items:center;margin-top:40px;font-size:.92rem}
.pager a{color:var(--blue);font-weight:600;text-decoration:none;padding:10px 18px;border:1.5px solid var(--blue-2);border-radius:999px}
.pager a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

.blog-cta{margin-top:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,#0b66b4,#04567e);color:#fff;border-radius:20px;padding:clamp(24px,4vw,40px)}
.blog-cta h2{color:#fff;font-size:clamp(1.25rem,2.4vw,1.6rem);margin-bottom:.3em}
.blog-cta p{margin:0;color:#d9ecfa;font-family:"DM Sans",sans-serif}
.blog-cta > div{flex:1 1 320px;min-width:0}
.blog-cta .btn--grad{background:#fff;color:var(--navy)}
.blog-cta .btn__arrow{background:var(--blue);color:#fff}

/* ===== Artigo ===== */
.preview-bar{background:#fff4d6;color:#6b4e00;text-align:center;padding:10px 16px;font-size:.88rem}
.preview-bar a{font-weight:700}
.article__head{background:var(--soft);padding:clamp(32px,5vw,56px) 0 clamp(28px,4vw,40px)}
.article__head h1{font-size:clamp(1.8rem,4.2vw,2.7rem);font-weight:700;letter-spacing:-.015em;margin:14px 0 .4em;text-wrap:balance}
.article__lead{font-size:clamp(1rem,1.6vw,1.15rem);color:#3b4148;font-family:"DM Sans",sans-serif}
.article__meta{font-size:.85rem;color:#6b7785;margin:0}
.article__cover{margin-top:-8px;max-width:980px}
.article__cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px;box-shadow:var(--shadow);margin-top:28px}
.article__wrap{max-width:760px;padding-top:36px;padding-bottom:72px}

.toc{background:#f4f9fe;border:1px solid #d8e8f6;border-radius:14px;padding:16px 22px;margin-bottom:32px}
.toc summary{font-weight:700;color:var(--navy);cursor:pointer}
.toc ol{margin:12px 0 0;padding-left:20px;display:grid;gap:6px;font-size:.93rem}
.toc a{color:var(--blue);text-decoration:none}
.toc a:hover{text-decoration:underline}
.toc--3{margin-left:16px;list-style:circle}

.prose{font-family:"DM Sans",sans-serif;font-size:1.08rem;line-height:1.8;color:#262b31;overflow-wrap:break-word}
.prose > *{margin:0 0 1.15em}
.prose h2,.prose h3,.prose h4{font-family:"Sora",sans-serif;color:var(--ink);margin:1.8em 0 .6em;line-height:1.3;scroll-margin-top:90px}
.prose h2{font-size:1.6rem;color:var(--navy)}
.prose h3{font-size:1.3rem}
.prose h4{font-size:1.1rem}
.prose a{color:var(--blue);text-underline-offset:3px}
.prose img{border-radius:12px;margin:1.6em auto}
.prose ul,.prose ol{padding-left:1.4em}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--blue-2)}
.prose blockquote{margin:1.6em 0;padding:16px 22px;border-left:4px solid var(--blue-2);background:#f4f9fe;border-radius:0 12px 12px 0;color:#33414f;font-style:italic}
.prose blockquote p:last-child{margin:0}
.prose code{background:#eef3f8;padding:2px 6px;border-radius:5px;font-size:.9em}
.prose pre{background:#0f2433;color:#e6f0f7;padding:18px;border-radius:12px;overflow-x:auto}
.prose pre code{background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid #dde6ee;padding:10px 12px;text-align:left}
.prose th{background:#f0f6fb}
.prose hr{border:0;border-top:1px solid #e1e8ef;margin:2.2em 0}
.prose .embed{position:relative;aspect-ratio:16/9;margin:1.6em 0}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:12px}

.tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 0;font-size:.85rem;color:#5c6875}
.tags li{background:#f1f4f7;padding:4px 10px;border-radius:6px}
.share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid #e6ecf1;font-size:.88rem}
.share span{font-weight:600;color:var(--ink)}
.share a,.share button{border:1.5px solid #d3e2ef;background:#fff;color:var(--blue);padding:7px 14px;border-radius:999px;text-decoration:none;font-weight:600;font-size:.85rem}
.share a:hover,.share button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}

@media (max-width:760px){
  .post-card--big{grid-template-columns:1fr}
  .post-card--big .post-card__media{min-height:0;aspect-ratio:16/9}
  .prose{font-size:1.02rem}
  .blog-cta{text-align:center;justify-content:center}
}