/* Blog — arquivo (hero + filtro + grade) e cards. Títulos em Outfit (--font-body). */

/* padding-top = clearance da navbar fixa (76px) + folga; igual ao .hero-page-content. */
.hblog{max-width:1160px;margin:0 auto;box-sizing:border-box;padding:88px var(--hero-gutter,16px) 72px}
.hblog *{box-sizing:border-box}
.admin-bar .hblog{padding-top:120px}
@media screen and (max-width:782px){.admin-bar .hblog{padding-top:134px}}

/* ---- Hero (post em destaque) — split: imagem + card sobreposto ---- */
.hbh{position:relative;margin-bottom:32px;display:flex;align-items:center;min-height:420px}
.hbh__media{display:block;flex:0 0 60%;max-width:60%;border-radius:20px;overflow:hidden}
.hbh__img{display:flex;align-items:center;justify-content:center;height:460px;background-size:cover;background-position:center;background-color:#20202a}
.hbh__img--ph{color:#4a4a58;font-size:42px}
.hbh__card{background:var(--card-bg,#fff);border:1px solid var(--border,#ececec);border-radius:20px;
    padding:34px 38px;flex:0 0 46%;max-width:46%;margin-left:-6%;position:relative;z-index:2;
    box-shadow:0 26px 60px -22px rgba(20,20,40,.30)}
.hbh__meta{font-size:12px;font-weight:800;letter-spacing:.07em;color:var(--text-muted,#8a8a90);text-transform:uppercase;margin-bottom:12px}
.hbh__title{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:clamp(24px,2.4vw,34px);line-height:1.15;margin:0 0 14px}
.hbh__title a{color:var(--text,#1a1a1a);text-decoration:none}
.hbh__title a:hover{color:var(--lime-dark,#7BAA00)}
.hbh__ex{font-size:15px;line-height:1.65;color:var(--text-soft,#6b6b75);margin:0 0 18px}
.hbh__foot{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border,#f0f0f2)}

/* ---- Barra de filtro ---- */
.hblog-bar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:var(--card-bg,#fff);border:1px solid var(--border,#ececec);border-radius:16px;padding:14px 16px;margin-bottom:22px}
.hblog-sel{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted,#9a9aa2)}
.hblog-sel select{font-family:var(--font-body,'Outfit',sans-serif);font-size:14px;font-weight:600;color:var(--text,#2a2a30);background:var(--input-bg,#f6f6f8);border:1px solid var(--border,#e6e6ea);border-radius:10px;padding:9px 12px;cursor:pointer;min-width:150px}
.hblog-view{display:flex;gap:6px;margin-left:auto}
.hblog-view__b{width:38px;height:40px;border:1px solid var(--border,#e6e6ea);border-radius:10px;background:var(--input-bg,#f6f6f8);color:var(--text-muted,#9a9aa2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:background .15s,color .15s}
.hblog-view__b.is-on{background:var(--lime,#A3D900);color:#1a1a1a;border-color:var(--lime,#A3D900)}

/* ---- Cabeçalho de arquivo (categoria/tag/autor) + seguir ---- */
.hblog-arch{margin-bottom:26px}
.hblog-arch__top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hblog-arch__h{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:clamp(24px,3vw,34px);color:var(--text,#1c2230);margin:0}
.hblog-arch__d{color:var(--text-soft,#6b6b75);margin:8px 0 0;font-size:15px}
.hblog-arch__nav{margin-top:30px;display:flex;justify-content:center}
.hblog-arch__nav .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;
    padding:0 12px;margin:0 3px;border-radius:10px;font-weight:700;color:var(--text,#2a2a30);
    background:var(--card-bg,#fff);border:1px solid var(--border,#ececec);text-decoration:none}
.hblog-arch__nav .page-numbers.current{background:var(--lime,#A3D900);color:#1a1a1a;border-color:var(--lime,#A3D900)}
.hblog-arch__nav a.page-numbers:hover{border-color:var(--lime,#A3D900)}
.hblog-follow{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-family:var(--font-body,'Outfit',sans-serif);
    font-weight:800;font-size:14px;background:transparent;color:var(--text,#1c2230);
    border:2px solid var(--lime,#A3D900);border-radius:999px;padding:9px 20px;transition:background .15s,color .15s}
.hblog-follow:hover,.hblog-follow.is-on{background:var(--lime,#A3D900);color:#1a1a1a}
.hblog-follow.is-on:hover{background:transparent;color:var(--text,#1c2230)}
.hblog-follow.is-loading{opacity:.6;pointer-events:none}
[data-theme="dark"] .hblog-arch__h{color:#ececec}
[data-theme="dark"] .hblog-arch__nav .page-numbers{background:#161616;border-color:#262626;color:#d8d8d8}
[data-theme="dark"] .hblog-follow{color:#e8e8e8}
[data-theme="dark"] .hblog-follow:hover,[data-theme="dark"] .hblog-follow.is-on{color:#1a1a1a}
[data-theme="dark"] .hblog-follow.is-on:hover{color:#e8e8e8}

/* ---- Grade de cards (painel branco sobreposto à imagem) ---- */
.hblog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.hbc{background:transparent;border:none;display:flex;flex-direction:column;transition:transform .2s cubic-bezier(.2,.7,.3,1)}
.hbc:hover{transform:translateY(-6px)}
.hbc:hover .hbc__body{box-shadow:0 28px 54px -20px rgba(20,20,40,.46);border-color:rgba(163,217,0,.5)}
.hbc:hover .hbc__img{transform:scale(1.06)}
.hbc:hover .hbc__title a{color:var(--lime-dark,#7BAA00)}
.hbc:hover .hbc__more{color:var(--lime-dark,#7BAA00)}
.hbc:hover .hbc__more i{transform:translateX(3px)}
.hbc__media{display:block;border-radius:18px;overflow:hidden}
.hbc__img{display:flex;align-items:center;justify-content:center;height:230px;background-size:cover;background-position:center;background-color:#20202a;transition:transform .4s cubic-bezier(.2,.7,.3,1)}
.hbc__img--ph{color:#4a4a58;font-size:32px}
.hbc__body{position:relative;z-index:2;margin:-48px 14px 0;background:var(--card-bg,#fff);
    border:1px solid transparent;border-radius:16px;padding:20px 22px 16px;display:flex;flex-direction:column;flex:1;
    box-shadow:0 18px 40px -24px rgba(20,20,40,.30);transition:box-shadow .2s,border-color .2s}
.hbc__meta{font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:9px;color:var(--text-muted,#9a9aa2)}
.hbc__cat{color:var(--lime-dark,#7BAA00);text-decoration:none}
.hbc__cat:hover{text-decoration:underline}
.hbc__dot{margin:0 5px;color:var(--text-muted,#c0c0c8)}
.hbc__title{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:19px;line-height:1.25;margin:0 0 10px}
.hbc__title a{color:var(--text,#1a1a1a);text-decoration:none;transition:color .2s}
.hbc__title a:hover{color:var(--lime-dark,#7BAA00)}
.hbc__ex{font-size:13.5px;line-height:1.6;color:var(--text-soft,#70707a);margin:0 0 14px;flex:1}
.hbc__more{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text,#1a1a1a);text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .2s}
.hbc__more i{transition:transform .2s}
.hbc__more:hover{color:var(--lime-dark,#7BAA00)}
.hbc__foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;padding-top:13px;border-top:1px solid var(--border,#f0f0f2)}
.hbc__eng{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text-muted,#9a9aa2)}
/* contador de comentários é informativo (não é link) — sem cursor de mãozinha */

/* Resumo de reações read-only (cards + hero) */
.hbc-react{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--text-muted,#8a8a92)}
.hbc-react__e{font-size:15px;line-height:1;filter:saturate(1.05)}
.hbc-react__e:not(:first-child){margin-left:-4px}
.hbc-react b{margin-left:6px;color:var(--text,#2a2a30)}
.hbc-react--empty{opacity:.6}

/* Barra interativa de reações (post individual) — limpa e discreta */
.hbs-react{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:30px 0 4px}
.hbs-react__lbl{font-weight:800;color:var(--text,#1c2230);font-size:14px;margin-right:2px}
.hbs-react__btns{display:flex;flex-wrap:wrap;gap:4px}
.hbs-react__b{display:inline-flex;align-items:center;gap:6px;cursor:pointer;
    background:transparent;border:none;border-radius:999px;
    padding:7px 11px;font-size:14px;font-weight:800;color:var(--text-soft,#4a5160);
    transition:background .15s}
.hbs-react__b .e{font-size:20px;line-height:1;transition:transform .12s}
.hbs-react__b .c{min-width:8px;text-align:center}
.hbs-react__b:hover{background:var(--input-bg,#f1f2f4)}
.hbs-react__b:hover .e{transform:scale(1.22)}                 /* emoji cresce um tico no hover */
.hbs-react__b.is-mine{background:#e9ebef;color:var(--text,#1c2230);box-shadow:inset 0 0 0 1.5px rgba(163,217,0,.6)}  /* selecionado = cinza + anel lime sutil */
.hbs-react__b.is-mine .c{color:var(--lime-dark,#7BAA00)}      /* contagem em verde discreto = "você reagiu" */
.hbs-react__sum{margin-left:auto;font-size:13px;color:var(--text-muted,#8a8a92);font-weight:600}
.hbs-react__total{color:var(--text,#1c2230);font-weight:800}

[data-theme="dark"] .hbs-react__lbl,[data-theme="dark"] .hbs-react__total,
[data-theme="dark"] .hbc-react b{color:#ececec}
[data-theme="dark"] .hbs-react__b{color:#c9c9c9}
[data-theme="dark"] .hbs-react__b:hover{background:#1e1e22}
[data-theme="dark"] .hbs-react__b.is-mine{background:#26272b;color:#ececec}
[data-theme="dark"] .hbs-react__b.is-mine .c{color:var(--lime,#A3D900)}

/* ==================================================================
   Comentários + "Leia também" (post individual)
   ================================================================== */
.hbs-comments{margin:30px 0 0;padding:26px 0 0;border-top:1px solid var(--border,#eceef1)}
.hbs-comments__h{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:22px;
    color:var(--text,#1c2230);margin:0 0 20px}

/* Formulário */
.hbs-cform{margin:0 0 30px}
.hbs-cform .comment-form{display:block}
.hbs-cform__ta{width:100%;box-sizing:border-box;font-family:var(--font-body,'Outfit',sans-serif);
    font-size:15px;line-height:1.6;color:var(--text,#1c2230);background:var(--input-bg,#f4f5f7);
    border:1.5px solid #d6d9de;border-radius:14px;padding:14px 16px;resize:vertical;min-height:110px;
    transition:border-color .15s,box-shadow .15s,background .15s}
.hbs-cform__ta::placeholder{color:var(--text-muted,#9aa0aa)}
.hbs-cform__ta:hover{border-color:#c2c6cd}
.hbs-cform__ta:focus{outline:none;border-color:var(--lime,#A3D900);background:var(--card-bg,#fff);
    box-shadow:0 0 0 3px rgba(163,217,0,.18)}
.hbs-cform .form-submit{margin:12px 0 0}
.hbs-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-family:var(--font-body,'Outfit',sans-serif);
    font-weight:800;font-size:14px;letter-spacing:.02em;background:var(--lime,#A3D900);color:#1a1a1a;
    border:none;border-radius:999px;padding:11px 26px;transition:background .15s,color .15s;text-decoration:none}
.hbs-btn:hover{background:#1a1a1a;color:#fff}

/* Gate (não-membro/visitante) */
.hbs-comments__gate{background:var(--input-bg,#f6f7f9);border:1px solid var(--border,#eceef1);
    border-radius:14px;padding:22px 24px;margin:0 0 26px;text-align:center;color:var(--text-soft,#4a5160)}
.hbs-comments__gate p{margin:0 0 12px}
.hbs-comments__empty{color:var(--text-muted,#8a909c);font-size:15px}

/* Lista */
.hbs-cmt__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}
.hbs-cmt{display:flex;gap:14px}
.hbs-cmt__img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;background:var(--card-bg,#eee)}
.hbs-cmt__body{flex:1;min-width:0;background:var(--input-bg,#f6f7f9);border:1px solid var(--border,#eceef1);
    border-radius:14px;padding:14px 18px}
.hbs-cmt__head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.hbs-cmt__name{font-weight:800;color:var(--text,#1c2230);font-size:15px}
.hbs-cmt__date{font-size:12px;color:var(--text-muted,#9aa0aa)}
.hbs-cmt__actions{margin-left:auto;display:inline-flex;gap:12px}
.hbs-cmt__edit,.hbs-cmt__del{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-body,'Outfit',sans-serif);
    font-size:12px;font-weight:800;color:var(--text-muted,#9aa0aa);transition:color .12s}
.hbs-cmt__edit:hover{color:var(--lime-dark,#7BAA00)}
.hbs-cmt__del:hover{color:#e23b3b}
.hbs-cmt__editbox{margin-top:8px}
.hbs-cmt__editacts{display:flex;align-items:center;gap:12px;margin-top:8px}
.hbs-btn--sm{padding:8px 18px;font-size:13px}
.hbs-cmt__cancel{background:none;border:none;cursor:pointer;font-family:var(--font-body,'Outfit',sans-serif);
    font-weight:700;font-size:13px;color:var(--text-muted,#9aa0aa)}
.hbs-cmt__cancel:hover{color:var(--text,#1c2230)}
[data-theme="dark"] .hbs-cmt__cancel:hover{color:#e8e8e8}
.hbs-cmt__txt{font-size:15px;line-height:1.65;color:var(--text-soft,#3a4150)}
.hbs-cmt__txt p{margin:0 0 .5em}
.hbs-cmt__txt p:last-child{margin:0}

/* Leia também */
.hbs-rel{max-width:1160px;margin:52px auto 0;padding:0 var(--hero-gutter,16px)}
.hbs-rel__h{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:24px;
    color:var(--text,#1c2230);margin:0 0 22px}

[data-theme="dark"] .hbs-comments{border-color:#262626}
[data-theme="dark"] .hbs-comments__h,[data-theme="dark"] .hbs-cmt__name,
[data-theme="dark"] .hbs-rel__h{color:#ececec}
[data-theme="dark"] .hbs-cform__ta,[data-theme="dark"] .hbs-comments__gate,
[data-theme="dark"] .hbs-cmt__body{background:#0f0f12;border-color:#262626;color:#c6c6c6}
[data-theme="dark"] .hbs-cmt__txt{color:#c6c6c6}

/* ---- Compartilhar (post individual) ---- */
.hbs-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:16px 0 4px}
.hbs-share__lbl{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted,#8a909c);margin-right:2px}
.hbs-share__b{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
    border-radius:50%;background:var(--input-bg,#f0f1f4);color:var(--text-soft,#4a5160);border:none;cursor:pointer;
    font-size:19px;transition:transform .1s,background .15s,color .15s;text-decoration:none}
.hbs-share__b:hover{transform:translateY(-2px);color:#fff}
.hbs-share__b--whatsapp:hover{background:#25D366}
.hbs-share__b--x:hover{background:#000}
.hbs-share__b--telegram:hover{background:#229ED9}
.hbs-share__b--facebook:hover{background:#1877F2}
.hbs-share__copy:hover{background:var(--lime,#A3D900);color:#1a1a1a}
.hbs-share__copy.is-copied{background:var(--lime,#A3D900);color:#1a1a1a}
[data-theme="dark"] .hbs-share__b{background:#0f0f12;color:#c9c9c9}

/* ---- "Em alta" (arquivo, abaixo do hero) ---- */
.hbs-pop{margin:6px 0 30px}
.hbs-pop__h{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:18px;color:var(--text,#1c2230);margin:0 0 14px}
.hbs-pop__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.hbs-pop__item{min-width:0}
.hbs-pop__lnk{display:flex;align-items:center;gap:10px;background:var(--card-bg,#fff);border:1px solid var(--border,#ececec);
    border-radius:14px;padding:8px 12px 8px 8px;text-decoration:none;transition:transform .12s,box-shadow .15s}
.hbs-pop__lnk:hover{transform:translateY(-2px);box-shadow:0 10px 26px -14px rgba(20,20,40,.35)}
.hbs-pop__rank{flex:none;width:22px;font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:16px;
    color:var(--lime-dark,#7BAA00);text-align:center}
.hbs-pop__img{flex:none;width:48px;height:48px;border-radius:10px;background-size:cover;background-position:center;
    background-color:#20202a;display:flex;align-items:center;justify-content:center;color:#4a4a58}
.hbs-pop__tt{font-size:13.5px;font-weight:700;line-height:1.3;color:var(--text,#1c2230);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-theme="dark"] .hbs-pop__h,[data-theme="dark"] .hbs-pop__tt{color:#ececec}
[data-theme="dark"] .hbs-pop__lnk{background:#161616;border-color:#262626}

/* ---- Modo LISTA ---- */
.hblog-grid[data-view="list"]{grid-template-columns:1fr;gap:16px}
.hblog-grid[data-view="list"] .hbc{flex-direction:row}
.hblog-grid[data-view="list"] .hbc__media{flex:0 0 260px;border-radius:16px 0 0 16px}
.hblog-grid[data-view="list"] .hbc__img{height:100%;min-height:170px}
.hblog-grid[data-view="list"] .hbc__body{margin:0;border-radius:0 16px 16px 0;box-shadow:none;
    border:1px solid var(--border,#ececec);border-left:none}
.hblog-grid[data-view="list"] .hbc:hover .hbc__body{box-shadow:none}

/* ---- Carregar mais / vazio ---- */
.hblog-more-wrap{text-align:center;margin-top:28px}
.hblog-more{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;font-size:13px;letter-spacing:.03em;background:var(--lime,#A3D900);color:#1a1a1a;border:none;border-radius:50px;padding:13px 30px;cursor:pointer;transition:background .15s,color .15s}
.hblog-more:hover{background:#1a1a1a;color:#fff}
.hblog-more:disabled{opacity:.6;cursor:wait}
.hblog-empty{text-align:center;color:var(--text-muted,#8a8a90);padding:48px 20px;font-size:15px}

/* ---- Dark mode ---- */
[data-theme="dark"] .hbh__card,[data-theme="dark"] .hblog-bar,[data-theme="dark"] .hbc__body{background:#161616;border-color:#262626}
[data-theme="dark"] .hbh__title a,[data-theme="dark"] .hbc__title a{color:#e8e8e8}
[data-theme="dark"] .hblog-sel select,[data-theme="dark"] .hblog-view__b{background:#0f0f12;border-color:#2a2a2a;color:#d8d8d8}
[data-theme="dark"] .hblog-view__b.is-on{color:#1a1a1a}
[data-theme="dark"] .hbc__more{color:#e8e8e8}
[data-theme="dark"] .hbc__foot{border-color:#222}

/* ==================================================================
   Post individual (single.php) — hero full-bleed + card sobreposto
   (referência: layout de blog gamer)
   ================================================================== */
.hbs{width:100%;margin:0;padding:0 0 80px;background:var(--input-bg,#f4f5f7)}
.hbs *{box-sizing:border-box}

/* Hero: imagem de destaque de ponta a ponta */
.hbs__hero{position:relative;width:100%;height:clamp(340px,56vh,600px);
    background-size:cover;background-position:center;background-color:#20202a}
.hbs__hero::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(12,12,22,.10) 0%,rgba(12,12,22,.45) 100%)}
.hbs__hero--ph{background:linear-gradient(135deg,#2a2a3a,#1c1c28)}

/* Card branco que sobrepõe o hero e segura o artigo */
.hbs__card{position:relative;z-index:2;max-width:860px;
    margin:clamp(-190px,-15vh,-110px) auto 0;
    background:var(--card-bg,#fff);border-radius:22px;
    padding:clamp(28px,4vw,56px);
    box-shadow:0 24px 60px -24px rgba(20,20,40,.35)}

.hbs__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.hbs__cat{color:var(--lime-dark,#4d7c0f);text-decoration:none}
.hbs__cat:hover{text-decoration:underline}
.hbs__date{color:var(--text-muted,#9aa0aa);font-weight:700}
.hbs__meta .hbs__date::before{content:"•";margin-right:10px;color:var(--border,#d0d0d0)}

.hbs__title{font-family:var(--font-body,'Outfit',sans-serif);font-weight:800;
    line-height:1.12;letter-spacing:-.015em;color:var(--text,#1c2230);
    font-size:clamp(28px,4.6vw,46px);margin:0 0 26px}

/* Caixa do autor */
.hbs__author{display:flex;align-items:center;gap:14px;
    padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid var(--border,#eceef1)}
.hbs__avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;
    border:2px solid var(--lime,#a3e635);flex:none}
.hbs__authtxt{display:flex;flex-direction:column;line-height:1.35}
.hbs__authname{font-weight:800;color:var(--text,#1c2230);font-size:15px}
.hbs__authmeta{font-size:13px;color:var(--text-muted,#9aa0aa)}

/* Corpo */
.hbs__content{font-family:var(--font-body,'Outfit',sans-serif);
    font-size:18px;line-height:1.8;color:var(--text-soft,#3a4150)}
.hbs__content>p:first-of-type{font-size:19px}
.hbs__content p{margin:0 0 1.2em}
.hbs__content h2,.hbs__content h3{font-family:var(--font-body,'Outfit',sans-serif);
    font-weight:800;color:var(--text,#1c2230);line-height:1.25;margin:1.7em 0 .5em}
.hbs__content h2{font-size:27px}
.hbs__content h3{font-size:22px}
.hbs__content a{color:var(--lime-dark,#4d7c0f);text-decoration:underline;text-underline-offset:2px}
.hbs__content img{max-width:100%;height:auto;border-radius:14px}
.hbs__content figure{margin:1.6em 0}
.hbs__content figure img{display:block;width:100%}
/* Vídeos/embeds responsivos — evita estouro do YouTube/iframe no card */
.hbs__content iframe,.hbs__content embed,.hbs__content object,.hbs__content video{max-width:100%}
.hbs__content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px;display:block;margin:1.6em 0}
.hbs__content .wp-block-embed,.hbs__content .wp-embed-responsive,.hbs__content .wp-block-embed__wrapper{max-width:100%;overflow:hidden}
.hbs__content .wp-block-embed{margin:1.6em 0}
.hbs__content .wp-block-embed iframe{margin:0}
.hbs__content ul,.hbs__content ol{margin:0 0 1.2em;padding-left:1.4em}
.hbs__content li{margin:.35em 0}
.hbs__content blockquote{margin:1.5em 0;padding:.7em 1.2em;border-left:4px solid var(--lime,#a3e635);
    background:var(--input-bg,#f6f7f9);border-radius:0 12px 12px 0;color:var(--text-muted,#5a626e)}
.hbs__content em{color:var(--text-muted,#8a909c)}

/* Tags */
.hbs__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:24px;
    border-top:1px solid var(--border,#eceef1)}
.hbs__tags a{font-size:13px;font-weight:700;color:var(--text-muted,#6b7280);
    background:var(--input-bg,#f0f1f4);padding:6px 12px;border-radius:999px;text-decoration:none}
.hbs__tags a:hover{background:var(--lime,#a3e635);color:#1a1a1a}

/* Dark mode */
[data-theme="dark"] .hbs{background:#0f0f12}
[data-theme="dark"] .hbs__card{background:#161616}
[data-theme="dark"] .hbs__title,[data-theme="dark"] .hbs__authname,
[data-theme="dark"] .hbs__content h2,[data-theme="dark"] .hbs__content h3{color:#ececec}
[data-theme="dark"] .hbs__content{color:#c6c6c6}
[data-theme="dark"] .hbs__author,[data-theme="dark"] .hbs__tags{border-color:#262626}
[data-theme="dark"] .hbs__content blockquote,[data-theme="dark"] .hbs__tags a{background:#0f0f12}
[data-theme="dark"] .hbs__cat{color:var(--lime,#a3e635)}
[data-theme="dark"] .hbs__tags a{color:#c6c6c6}

/* ---- Responsivo ---- */
@media(max-width:768px){
    .hbs__hero{height:clamp(210px,40vh,320px)}
    .hbs__card{margin:-70px var(--hero-gutter,16px) 0;border-radius:18px}
    .hbs__content{font-size:17px;line-height:1.75}
    .hbs__content>p:first-of-type{font-size:18px}
    .hbh{flex-direction:column;align-items:stretch;min-height:0}
    .hbh__media,.hbh__card{flex:auto;max-width:none}
    .hbh__img{height:230px}
    .hbh__card{margin:-56px 14px 0;padding:22px 24px}
    .hbh__foot{justify-content:flex-start}
    .hblog-view{margin-left:0}
    .hblog-sel select{min-width:0}
    .hblog-sel{flex:1}
    .hblog-grid[data-view="list"] .hbc{flex-direction:column}
    .hblog-grid[data-view="list"] .hbc__media{flex:auto;border-radius:16px 16px 0 0}
    .hblog-grid[data-view="list"] .hbc__img{height:170px}
    .hblog-grid[data-view="list"] .hbc__body{border:none;margin:-40px 14px 0;border-radius:16px;box-shadow:0 18px 40px -24px rgba(20,20,40,.30)}
}