/* ── Blog Keiko — tipografia de artigo (complementa /style.css) ── */
.blog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 5vw;background:var(--blush);font-size:14px}
.blog-top a{font-weight:800;color:var(--rose-dd)}
.blog-top .bt-brand{font-family:'Bubblegum Sans',cursive;font-size:18px;color:var(--bark)}

.art{max-width:720px;margin:0 auto;padding:40px 20px 64px}
.art-crumb{font-size:12.5px;color:var(--bark-l);margin-bottom:18px}
.art-crumb a{color:var(--rose-d);font-weight:700}
.art h1{font-family:'Bubblegum Sans',cursive;font-size:clamp(28px,4.5vw,42px);line-height:1.15;color:var(--bark);margin-bottom:10px;letter-spacing:-.4px}
.art-meta{font-size:13px;color:var(--bark-l);margin-bottom:26px}
.art h2{font-family:'Bubblegum Sans',cursive;font-size:clamp(21px,3vw,28px);color:var(--bark);margin:36px 0 12px;line-height:1.2}
.art h3{font-size:17px;font-weight:800;color:var(--bark);margin:24px 0 8px}
.art p{font-size:16px;color:var(--bark-m);line-height:1.75;margin-bottom:14px}
.art p strong,.art li strong{color:var(--bark)}
.art ul,.art ol{margin:0 0 16px 22px;display:grid;gap:8px}
.art ul{list-style:disc}
.art ol{list-style:decimal}
.art li{font-size:15.5px;color:var(--bark-m);line-height:1.65}
.art img{border-radius:var(--r-lg);box-shadow:var(--sh);margin:22px 0}
.art table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px;background:var(--white);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-s)}
.art th{background:var(--blush);color:var(--rose-dd);text-align:left;padding:10px 12px;font-weight:800}
.art td{padding:10px 12px;border-top:1px solid #f3e6d8;color:var(--bark-m)}
.art-note{background:var(--sage-l);border-radius:var(--r);padding:16px 18px;margin:20px 0;font-size:14.5px;color:var(--bark-m)}
.art-cta{background:var(--blush);border-radius:var(--r-lg);padding:28px 22px;text-align:center;margin:36px 0}
.art-cta p{margin-bottom:16px}
.art .faq-wrap{margin-top:8px}
.art-related{margin-top:40px;padding-top:24px;border-top:2px solid var(--blush)}
.art-related h2{margin-top:0}

/* Índice do blog */
.blog-hero{text-align:center;padding:48px 5vw 8px}
.blog-list{max-width:960px;margin:0 auto;padding:24px 20px 64px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.blog-card{background:var(--white);border:2px solid var(--blush);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-s);display:flex;flex-direction:column;gap:10px;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--sh-m)}
.blog-card h2{font-family:'Bubblegum Sans',cursive;font-size:20px;color:var(--bark);line-height:1.25}
.blog-card p{font-size:14.5px;color:var(--bark-m);line-height:1.6;flex:1}
.blog-card .bc-link{font-weight:800;color:var(--rose-d);font-size:14px}