/* V68 — novo Blog em estilo revista */
.bg-list{padding:10px 0 110px}
.bg-card{position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:#fff;border:1px solid #e4e4e7;box-shadow:0 20px 40px rgba(0,0,0,.05);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .45s}
.bg-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px rgba(0,0,0,.12);border-color:#d4d4d8}
.bg-cover{position:relative;margin:0;overflow:hidden;aspect-ratio:16/10;background:#0b0b0c}
.bg-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.bg-card:hover .bg-cover img{transform:scale(1.06)}
.bg-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 70%,rgba(0,0,0,.25) 100%);pointer-events:none}
.bg-src{position:absolute;left:16px;top:16px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:#0b0b0b;font-size:12px;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.bg-src svg{width:14px;height:14px;color:#0a66c2}
.bg-num{position:absolute;right:16px;top:14px;z-index:1;font-size:13px;font-weight:700;letter-spacing:.1em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.bg-body{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px 24px 26px;flex:1}
.bg-body:before{content:"";position:absolute;left:24px;top:0;width:44px;height:3px;border-radius:0 0 3px 3px;background:#0b0b0b;transition:width .45s ease}
.bg-card:hover .bg-body:before{width:calc(100% - 48px)}
html body main .bg-title:not(#_){font-size:clamp(18px,1.4vw,22px)!important;line-height:1.25!important;letter-spacing:-.02em!important;color:#0b0b0b;margin:4px 0 0}
.bg-text{margin:0;font-size:14.5px;line-height:1.6;color:#5d5f64}
.bg-cta{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;border-radius:999px;border:1px solid #d4d4d8;color:#0b0b0b;text-decoration:none;font-size:14px;font-weight:600;transition:background .3s,color .3s,border-color .3s}
.bg-cta i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#0b0b0b;color:#fff;transition:transform .3s}
.bg-cta i svg{width:15px;height:15px}
.bg-cta:after{content:"";position:absolute;inset:0;z-index:2;border-radius:26px}
.bg-card:hover .bg-cta{background:#0b0b0b;color:#fff;border-color:#0b0b0b}
.bg-card:hover .bg-cta i{background:#fff;color:#0b0b0b;transform:rotate(45deg)}
.bg-cta:focus-visible{outline:2px solid #0b0b0b;outline-offset:3px}
/* destaque */
.bg-card.is-feat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);background:linear-gradient(135deg,#151619,#0a0a0b 60%);border-color:rgba(255,255,255,.08);min-height:440px;margin-bottom:22px}
.bg-card.is-feat .bg-cover{aspect-ratio:auto;min-height:340px}
.bg-card.is-feat .bg-cover:after{background:linear-gradient(90deg,rgba(10,10,11,0) 55%,rgba(10,10,11,.9))}
.bg-card.is-feat .bg-body{justify-content:center;padding:clamp(30px,3.6vw,56px);gap:18px}
.bg-card.is-feat .bg-body:before{left:clamp(30px,3.6vw,56px);background:#fff}
.bg-card.is-feat:hover .bg-body:before{width:80px}
html body main .bg-card.is-feat .bg-title:not(#_){font-size:clamp(28px,2.7vw,42px)!important;line-height:1.08!important;color:#fff}
.bg-card.is-feat .bg-text{color:#b5b7bc;font-size:17px}
.bg-card.is-feat .bg-cta{border-color:rgba(255,255,255,.25);color:#fff}
.bg-card.is-feat .bg-cta i{background:#fff;color:#0b0b0b}
.bg-card.is-feat:hover .bg-cta{background:#fff;color:#0b0b0b;border-color:#fff}
.bg-card.is-feat:hover .bg-cta i{background:#0b0b0b;color:#fff}
.bg-card.is-feat .bg-src svg{display:none}
/* grade: 2 matérias largas e depois 3 por linha */
.bg-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}
.bg-grid .bg-card{grid-column:span 2}
.bg-grid .bg-card.is-wide{grid-column:span 3}
.bg-grid .bg-card.is-wide .bg-cover{aspect-ratio:16/8}
@media (max-width:1100px){.bg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-grid .bg-card,.bg-grid .bg-card.is-wide{grid-column:span 1}.bg-card.is-feat{grid-template-columns:1fr}.bg-card.is-feat .bg-cover:after{background:linear-gradient(0deg,rgba(10,10,11,.85),rgba(10,10,11,0) 55%)}}
@media (max-width:640px){.bg-grid{grid-template-columns:1fr}.bg-body{padding:20px 20px 22px}}
.bg-grid .bg-card.is-full{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bg-grid .bg-card.is-full .bg-cover{aspect-ratio:auto;min-height:300px}
.bg-grid .bg-card.is-full .bg-body{justify-content:center;padding:clamp(26px,3vw,44px)}
html body main .bg-grid .bg-card.is-full .bg-title:not(#_){font-size:clamp(22px,2vw,30px)!important}
@media (max-width:1100px){.bg-grid .bg-card.is-full{grid-template-columns:1fr}.bg-grid .bg-card.is-full .bg-cover{aspect-ratio:16/10;min-height:0}}

/* Exclusive illustrations retain their complete compositions at every card size. */
.bg-grid .bg-card .bg-cover{aspect-ratio:3/2}
.bg-grid .bg-card .bg-cover img{object-fit:contain}
.bg-grid .bg-card.is-full .bg-cover{align-self:center;min-height:0;width:100%}
@media(prefers-reduced-motion:reduce){.bg-card,.bg-cover img,.bg-body:before,.bg-cta,.bg-cta i{transition:none}.bg-card:hover,.bg-card:hover .bg-cover img{transform:none}}