/* CAMINHO: /home1/miille88/oscarindica.com.br/assets/css/blog.css */
/**
 * Versão: 1.2.1 — destaque da lista: colunas minmax(0) e capa com teto de 400px (a foto não estoura mais o cartão).
 * 1.2.0 — "Só a Oscar tem" em bloco verde com ícones; newsletter por último; respiro do rodapé.
 * O blog: lista, artigo, cartão vivo, tabela comparativa, FAQ, CTA.
 * Carregado depois do site.css; não mexe nele.
 */
.bl-env{max-width:1100px;margin:0 auto;padding:0 18px}
.bl-topo{padding:22px 0 6px;color:var(--cinza,#6a746f);font-size:13px}
.bl-topo a{color:var(--esmeralda,#0F7665);font-weight:700;text-decoration:none}
.bl-previa{background:#fdf3dd;border:1px solid #eddfb3;color:#7a5b00;border-radius:10px;padding:10px 14px;margin-top:16px;font-size:14px;font-weight:600}
.bl-art{max-width:780px;margin:0 auto}
.bl-cat{display:inline-block;width:auto;align-self:flex-start;background:#e6f5ef;color:#0F7665;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.bl-h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(30px,4.6vw,46px);line-height:1.08;color:#0B3B30;margin:12px 0 10px;letter-spacing:-.01em}
.bl-lead{font-size:18px;line-height:1.5;color:#334;margin:0}
.bl-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:#6a746f;margin:14px 0 20px;align-items:center}
.bl-meta b{color:#0B3B30}
.bl-capa{border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#dfe;box-shadow:0 12px 34px rgba(11,79,67,.14)}
.bl-capa img{width:100%;height:100%;object-fit:cover;display:block}
.bl-sum{background:#f7f9f8;border:1px solid #e2eae6;border-radius:14px;padding:16px 18px;margin:26px 0;font-size:15px}
.bl-sum b{display:block;margin-bottom:8px;color:#0B3B30}
.bl-sum ol{margin:0;padding-left:20px;line-height:1.9}
.bl-sum a{color:#0F7665;text-decoration:none}
.bl-art h2{font-family:'Bricolage Grotesque',sans-serif;font-size:28px;color:#0B3B30;margin:38px 0 10px;line-height:1.15;scroll-margin-top:90px}
.bl-art h3{font-size:20px;color:#0B3B30;margin:26px 0 6px}
.bl-texto p,.bl-art > p{font-size:17px;line-height:1.65;color:#2b3a35;margin:0 0 14px}
.bl-texto ul,.bl-texto ol{font-size:17px;line-height:1.65;color:#2b3a35;margin:0 0 14px;padding-left:22px}
.bl-texto a{color:#0F7665}
.bl-foto{margin:22px 0}
.bl-foto img{width:100%;border-radius:14px;display:block}
.bl-foto figcaption{font-size:13px;color:#6a746f;margin-top:6px;text-align:center}
.bl-galeria{display:grid;gap:8px;margin:22px 0}
.bl-galeria.n1{grid-template-columns:1fr}.bl-galeria.n2{grid-template-columns:1fr 1fr}.bl-galeria.n3,.bl-galeria.n4{grid-template-columns:repeat(3,1fr)}
.bl-galeria img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.bl-tab-rola{overflow-x:auto;-webkit-overflow-scrolling:touch}
.bl-tab{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e2eae6;border-radius:14px;overflow:hidden;font-size:15px;margin:18px 0 6px;min-width:520px}
.bl-tab th{background:#0B3B30;color:#fff;text-align:left;padding:12px 14px;font-weight:700}
.bl-tab td{padding:12px 14px;border-top:1px solid #edf1ef;vertical-align:top}
.bl-tab td a{color:#0F7665;text-decoration:none}
.bl-nota{font-size:13px;color:#6a746f;margin:0 0 8px}
/* o cartão vivo */
.bl-card{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #e2eae6;border-radius:18px;overflow:hidden;margin:18px 0 26px;background:#fff;box-shadow:0 10px 30px rgba(11,79,67,.08)}
.bl-card-fotos{display:grid;gap:3px;min-height:260px}
.bl-card-fotos.n1{grid-template-columns:1fr}
.bl-card-fotos.n2{grid-template-columns:1fr 1fr}
.bl-card-fotos.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.bl-card-fotos.n3 img:first-child{grid-row:1/3}
.bl-card-fotos img{width:100%;height:100%;object-fit:cover;display:block}
.bl-card-semfoto{background:linear-gradient(135deg,#dff5ee,#a7ebd9)}
.bl-card-info{padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.bl-card-info h3{margin:0;font-size:21px}
.bl-card-perfil{font-size:13px;color:#0F7665;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.bl-card-info ul{margin:4px 0 0;padding-left:18px;color:#2b3a35;font-size:15px;line-height:1.6}
.bl-card-preco{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px dashed #e2eae6}
.bl-card-preco div{font-size:13px;color:#6a746f}
.bl-card-preco b{display:block;color:#0B3B30;font-size:22px}
.bl-card-preco small{font-size:13px;font-weight:400}
.bl-card-btn{background:#F2C230;color:#0B3B30;font-weight:800;border-radius:999px;padding:12px 20px;text-decoration:none;white-space:nowrap}
.bl-card-off{font-size:13px;color:#9b2c1f;font-weight:700}
.bl-faq details{border:1px solid #e2eae6;border-radius:12px;padding:12px 16px;margin:8px 0;background:#fff}
.bl-faq summary{font-weight:700;color:#0B3B30;cursor:pointer;font-size:16px}
.bl-faq p{margin:8px 0 0;font-size:15px;line-height:1.55}
.bl-cta{background:linear-gradient(135deg,#0B3B30,#0F7665);color:#fff;border-radius:18px;padding:26px;margin:34px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.bl-cta h3{margin:0 0 6px;color:#fff;font-size:22px}
.bl-cta p{margin:0;color:#cfe9df;font-size:15px}
.bl-cta a{background:#F2C230;color:#0B3B30;font-weight:800;border-radius:999px;padding:14px 24px;text-decoration:none}
.bl-autor{display:flex;gap:14px;align-items:center;border-top:1px solid #e2eae6;padding-top:20px;margin-top:30px;font-size:14px;color:#6a746f}
.bl-autor b{color:#0B3B30}
.bl-autor .av{width:52px;height:52px;border-radius:50%;background:#0F7665;color:#fff;display:grid;place-items:center;font-weight:800;font-size:18px;flex:none}
.bl-mais{margin:40px auto 60px}
.bl-mais h2{font-size:22px}
.bl-mais .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bl-mais a{display:block;border:1px solid #e2eae6;border-radius:14px;overflow:hidden;text-decoration:none;color:#0B3B30;background:#fff}
.bl-mais a img,.bl-mais .semcapa{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(135deg,#dff5ee,#a7ebd9)}
.bl-mais a b{display:block;padding:12px 14px;font-size:15px;line-height:1.3}
.bl-mais a span{display:block;padding:0 14px 12px;font-size:12px;color:#6a746f}
/* a lista */
.bl-lista{padding-bottom:60px}
.bl-lista-cab{padding:26px 0 8px;max-width:780px}
.bl-chips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 22px}
.bl-chips a{border:1px solid #cfe0d8;border-radius:999px;padding:8px 14px;font-size:14px;color:#0B3B30;text-decoration:none;font-weight:600}
.bl-chips a.on{background:#0F7665;color:#fff;border-color:#0F7665}
.bl-vazio{color:#6a746f}
.bl-destaque{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;border:1px solid #e2eae6;border-radius:20px;overflow:hidden;text-decoration:none;color:#0B3B30;background:#fff;box-shadow:0 12px 34px rgba(11,79,67,.10);margin-bottom:26px}
.bl-destaque .bl-dcapa{min-width:0;overflow:hidden;aspect-ratio:16/10;max-height:400px;background:linear-gradient(135deg,#dff5ee,#a7ebd9)}
.bl-destaque .bl-dcapa img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block}
.bl-destaque .texto{padding:26px 28px;display:flex;flex-direction:column;gap:10px;justify-content:center}
.bl-destaque h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(22px,2.6vw,30px);line-height:1.15;margin:0}
.bl-destaque p{margin:0;color:#334;font-size:15.5px;line-height:1.5}
.bl-destaque .meta,.bl-item .meta{font-size:12.5px;color:#6a746f}
.bl-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bl-item{display:block;border:1px solid #e2eae6;border-radius:16px;overflow:hidden;text-decoration:none;color:#0B3B30;background:#fff}
.bl-item img,.bl-item .semcapa{width:100%;max-width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(135deg,#dff5ee,#a7ebd9)}
.bl-item .corpo{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.bl-item b{font-size:16.5px;line-height:1.3}
.bl-item p{margin:0;font-size:14px;color:#334;line-height:1.45}
@media (max-width:820px){
  .bl-grade,.bl-mais .grade{grid-template-columns:1fr 1fr}
  .bl-destaque{grid-template-columns:1fr}
}
@media (max-width:720px){
  .bl-card{grid-template-columns:1fr}.bl-card-fotos{min-height:200px}
  .bl-grade,.bl-mais .grade{grid-template-columns:1fr}
  .bl-tab{font-size:13.5px}.bl-tab th,.bl-tab td{padding:9px 8px}
  .bl-cta{padding:20px}
}

/* newsletter no fim do artigo */
.bl-news{background:#f7f9f8;border:1px solid #e2eae6;border-radius:18px;padding:22px 24px;margin:26px 0 0;display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center;position:relative}
.bl-news h3{margin:0 0 4px;font-size:20px;color:#0B3B30}
.bl-news p{margin:0;font-size:14px;color:#556;line-height:1.5}
.bl-news-form{display:flex;gap:8px}
.bl-news-form input[type=email]{flex:1;min-width:0;padding:12px 14px;border:1px solid #cfe0d8;border-radius:999px;font-size:15px;font-family:inherit}
.bl-news-form button{background:#0F7665;color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap}
.bl-news-ok{color:#0F7665;font-weight:700}
.bl-news-erro{color:#9b2c1f;font-size:13px;margin-top:6px}
/* só a Oscar tem — bloco verde, sangrado até as bordas */
.bl-conheca{background:linear-gradient(135deg,#0B3B30,#0F7665);color:#fff;margin:40px calc(50% - 50vw) 0;padding:38px 18px 42px;width:100vw}
.bl-conheca h2{font-size:26px;margin:0 0 4px;color:#fff}
.bl-conheca .bl-art > p.bl-conheca-sub{color:#cfe9df;font-size:15px;margin:0 0 18px}
.bl-conheca .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bl-conheca a{display:flex;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px;text-decoration:none;color:#fff;background:rgba(255,255,255,.07);transition:background .15s,transform .15s}
.bl-conheca a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.bl-conheca .ico{width:36px;height:36px;border-radius:10px;background:#F2C230;display:grid;place-items:center}
.bl-conheca .ico svg{width:20px;height:20px;fill:none;stroke:#0B3B30;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bl-conheca b{font-size:15.5px;line-height:1.3;margin-top:4px}
.bl-conheca a span:last-child{font-size:12.5px;color:#cfe9df;line-height:1.4}
.bl-news{margin:34px 0 64px}
@media (max-width:720px){.bl-news{grid-template-columns:1fr}.bl-conheca .grade{grid-template-columns:1fr 1fr}}