/* Blog: usa as cores e medidas do styles.css (variaveis do :root). */

.btopo{
  position:relative; overflow:hidden; color:#fff;
  background:linear-gradient(162deg,#0a1f3f 0%,#123f8f 55%,#1857c4 100%);
  padding:46px 0 52px;
}
.btopo::before{
  content:""; position:absolute; inset:-40% -10% auto -10%; height:420px; pointer-events:none;
  background:
    radial-gradient(40% 55% at 14% 30%, rgba(96,163,255,.32), transparent 70%),
    radial-gradient(36% 50% at 86% 10%, rgba(74,222,128,.18), transparent 70%);
}
.btopo .wrap{ position:relative; }
.btopo h1{ font-size:clamp(28px,4.2vw,44px); letter-spacing:-.03em; color:#fff; margin-top:14px; overflow-wrap:anywhere; }
.btopo__lead{ margin-top:14px; font-size:17.5px; color:#d5e4fb; max-width:62ch; }
.btopo__meta{ margin-top:16px; font-size:14px; color:#a9c4ea; }
.btopo__acoes{ margin-top:24px; }

.btrilha{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 8px; font-size:13.5px; color:#a9c4ea; }
.btrilha a{ color:#d5e4fb; font-weight:600; }
.btrilha span[aria-hidden]{ color:#6f8fbf; }

/* ---------- Lista ---------- */
.blista{ padding-top:48px; }
.blista__vazio{ color:var(--ink-2); text-align:center; }

.bdestaque{
  display:grid; grid-template-columns:1.15fr 1fr; gap:34px; align-items:center;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); padding:18px; margin-bottom:34px;
}
.bdestaque__img{ display:block; }
.bdestaque__img img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:12px; }
.bdestaque__corpo{ padding:6px 10px 6px 0; }
.bdestaque h2{ font-size:clamp(22px,2.6vw,30px); margin-top:8px; }
.bdestaque h2 a{ color:var(--ink); }
.bdestaque p{ margin-top:12px; color:var(--ink-2); font-size:16px; }
.bdestaque time{ display:block; margin-top:14px; font-size:13.5px; color:var(--ink-3); }

.bgrade{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px;
}
.bcard{
  display:flex; flex-direction:column; min-width:0;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow); overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease;
}
.bcard:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.bcard__img{ display:block; }
.bcard__img img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; background:var(--bg-alt); }
.bcard__corpo{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1; }
.bcard__cat{
  font-size:11.5px; font-weight:750; letter-spacing:.09em; text-transform:uppercase; color:var(--brand);
}
.bcard h2, .bcard h3{ font-size:18px; line-height:1.3; margin-top:8px; letter-spacing:-.015em; }
.bcard h2 a, .bcard h3 a{ color:var(--ink); }
.bcard h2 a:hover, .bcard h3 a:hover, .bdestaque h2 a:hover{ color:var(--brand); text-decoration:none; }
.bcard p:not(.bcard__cat){ margin-top:10px; color:var(--ink-2); font-size:14.5px; line-height:1.6; }
.bcard time{ margin-top:auto; padding-top:14px; font-size:13px; color:var(--ink-3); }

/* ---------- Post ---------- */
.bcapa{ margin:-30px 0 0; position:relative; }
.bcapa img{ width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow-lg); background:var(--bg-alt); }

.btexto{ padding:34px 0 10px; color:var(--ink-2); font-size:17px; line-height:1.78; overflow-wrap:break-word; }
.btexto > * + *{ margin-top:18px; }
.btexto h2{ font-size:clamp(22px,2.6vw,27px); color:var(--ink); margin-top:42px; }
.btexto h3{ font-size:19px; color:var(--ink); margin-top:30px; }
.btexto strong{ color:var(--ink); }
.btexto a{ color:var(--brand); text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.btexto a:hover{ color:var(--brand-dark); }
.btexto ul, .btexto ol{ padding-left:22px; }
.btexto li + li{ margin-top:8px; }
.btexto li::marker{ color:var(--brand); }
.btabela{ overflow-x:auto; -webkit-overflow-scrolling:touch; border:1px solid var(--line); border-radius:var(--radius-sm); }
.btabela table{ width:100%; border-collapse:collapse; font-size:15px; min-width:520px; }
.btabela th, .btabela td{ padding:11px 14px; text-align:left; vertical-align:top; border-bottom:1px solid var(--line); }
.btabela th{ background:var(--bg-alt); color:var(--ink); font-weight:700; }
.btabela tr:last-child td{ border-bottom:0; }

.bfecho{
  margin:40px 0 72px; padding:30px 32px; border-radius:var(--radius); color:#fff;
  background:linear-gradient(120deg,var(--brand-dark),var(--brand) 55%,#2f7ae5);
}
.bfecho__de{ font-size:12px; font-weight:750; letter-spacing:.1em; text-transform:uppercase; color:#bcd5ff; }
.bfecho h2{ font-size:clamp(21px,2.4vw,26px); margin-top:8px; color:#fff; }
.bfecho p:not(.bfecho__de){ margin-top:10px; color:#d7e6ff; font-size:16px; }
.bfecho .btn{ margin-top:20px; background:#fff; color:var(--brand); box-shadow:0 8px 24px rgba(0,0,0,.14); }
.bfecho .btn:hover{ background:#f2f6ff; }

.bmais .shead{ margin-bottom:34px; }

@media (max-width:1000px){
  .bgrade{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bdestaque{ grid-template-columns:1fr; gap:18px; }
  .bdestaque__corpo{ padding:0 6px 8px; }
}
@media (max-width:640px){
  .btopo{ padding:32px 0 40px; }
  .btopo__lead{ font-size:16px; }
  .blista{ padding-top:28px; }
  .bgrade{ grid-template-columns:1fr; gap:18px; }
  .bdestaque{ padding:12px; margin-bottom:22px; }
  .bcapa{ margin-top:-22px; }
  .btexto{ font-size:16px; line-height:1.72; padding-top:26px; }
  .btexto h2{ margin-top:34px; }
  .bfecho{ padding:24px 22px; margin-bottom:48px; }
  .bfecho .btn{ width:100%; }
}