/* ===== trava anti-estouro lateral (desktop/tablet/mobile) ===== */
html,body{max-width:100%;overflow-x:hidden;margin:0}
#her-top,#her-foot,#her-wrap{width:100%;max-width:100%;overflow-x:hidden}
#her-top{padding-left:0;padding-right:0}
#her-top .her-eyebrow,#her-top .her-title,#her-top .her-sub{padding-left:16px;padding-right:16px}
#her-foot{padding-left:16px;padding-right:16px}
:root{--gutter:24px}


  #her-top *{margin:0;padding:0;box-sizing:border-box}
  #her-top{font-family:'Jost',sans-serif;text-align:center;background:#070707;padding-bottom:8px}
  #her-top .her-banner{position:relative;width:100%;max-width:1100px;margin:0 auto;overflow:visible}
  #her-top .her-banner img{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;object-position:center 28%;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%),linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%);
    -webkit-mask-composite:source-in;mask-composite:intersect;
    mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 100%),linear-gradient(90deg, transparent 0%, #000 14%, #000 86%, transparent 100%)}
  #her-top .her-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#a9842c;margin-top:26px}
  #her-top .her-title{font-family:'Cantata One',serif;font-weight:400;font-size:clamp(34px,8vw,52px);color:#f4f1ea;line-height:1.1;margin-top:12px;text-shadow:0 2px 30px rgba(216,175,63,.16)}
  #her-top .her-sub{font-family:'Cormorant Garamond',serif;font-size:clamp(16px,4vw,21px);color:#cfcabb;margin-top:14px;font-style:italic;max-width:560px;margin-left:auto;margin-right:auto;padding:0 20px}
  #her-top .her-div{width:54px;height:1px;background:linear-gradient(90deg,transparent,#a9842c,transparent);margin:26px auto 0}


  #her-foot *{margin:0;padding:0;box-sizing:border-box}
  #her-foot{font-family:'Jost',sans-serif;text-align:center;background:#070707;padding:12px 20px 30px}
  #her-foot a{text-decoration:none}
  /* CTA principal */
  #her-foot .her-cta-label{font-family:'Cantata One',serif;font-size:clamp(20px,5vw,26px);color:#f4f1ea;line-height:1.3;margin-bottom:8px}
  #her-foot .her-cta-sub{font-size:15px;color:#cfcabb;line-height:1.5;max-width:480px;margin:0 auto 6px}
  /* divisor */
  #her-foot .her-line{width:100%;max-width:560px;height:1px;background:rgba(255,255,255,.08);margin:34px auto}
  /* compartilhar */
  #her-foot .her-share-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#8c897e;margin-bottom:16px}
  #her-foot .her-socials{display:flex;justify-content:center;gap:14px;margin-bottom:34px}
  #her-foot .her-soc{width:46px;height:46px;border-radius:50%;border:1px solid rgba(216,175,63,.34);
    display:flex;align-items:center;justify-content:center;color:#d8af3f;transition:background .3s,color .3s,transform .3s}
  #her-foot .her-soc:hover{background:#d8af3f;color:#0a0a0a;transform:translateY(-3px)}
  #her-foot .her-soc svg{width:19px;height:19px;fill:currentColor}
  /* voltar ao início */
  #her-foot .her-back{display:inline-flex;align-items:center;gap:8px;color:#d8af3f;font-weight:600;font-size:12px;margin-top:16px;
    letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(216,175,63,.34);border-radius:40px;
    padding:11px 22px;transition:background .3s,color .3s}
  #her-foot .her-back:hover{background:#d8af3f;color:#0a0a0a}
  #her-foot .her-back svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
  /* rodapé */
  #her-foot .her-credits{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}
  #her-foot .her-credits p{font-size:11.5px;color:#8c897e;line-height:1.6}
  #her-foot .her-credits a{color:#a9842c}

  /* ---- MOBILE: tudo mais compacto ---- */
  @media (max-width:600px){
    #her-foot{padding:8px 16px 22px}
    #her-foot .her-cta-label{font-size:20px;margin-bottom:6px}
    #her-foot .her-cta-sub{font-size:12.5px;line-height:1.45;margin:0 auto 4px;max-width:300px}
    #her-foot .her-line{margin:20px auto}
    #her-foot .her-share-label{font-size:9px;letter-spacing:.18em;margin-bottom:12px}
    #her-foot .her-socials{gap:11px;margin-bottom:22px}
    #her-foot .her-soc{width:40px;height:40px}
    #her-foot .her-soc svg{width:16px;height:16px}
    #her-foot .her-back{font-size:10.5px;padding:9px 18px;gap:7px}
    #her-foot .her-back svg{width:13px;height:13px}
    #her-foot .her-credits{margin-top:24px;padding-top:18px}
    #her-foot .her-credits p{font-size:10.5px;line-height:1.55}
  }

/* ===== grid de posts (reconstruído fiel à image 2) ===== */
#her-wrap{background:#070707;color:#cfcabb;font-family:'Jost',sans-serif;padding-bottom:10px}
#her-wrap *{box-sizing:border-box}
.her-grid{width:96%;max-width:1760px;margin:0 auto;padding:0 var(--gutter);
  display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.her-card{display:flex;flex-direction:column;background:#0f0d0a;
  border:1px solid rgba(216,175,63,.14);border-radius:6px;overflow:hidden;
  transition:transform .3s, border-color .3s}
.her-card:hover{transform:translateY(-4px);border-color:rgba(216,175,63,.4)}
.her-card__img{aspect-ratio:16/10;overflow:hidden;background:#16130d;display:block;color:transparent;font-size:0}
.her-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.her-card:hover .her-card__img img{transform:scale(1.05)}
.her-card__body{padding:26px 24px 28px;display:flex;flex-direction:column;flex:1}
.her-card__title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:23px;
  line-height:1.2;color:#f4f1ea;margin:0 0 10px}
.her-card__title a{color:inherit;text-decoration:none}
.her-card__meta{font-size:12px;letter-spacing:.04em;color:#8c897e;margin:0 0 14px}
.her-card__excerpt{font-size:15px;line-height:1.6;color:#a49f92;margin:0 0 22px;flex:1}
.her-card__more{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d8af3f;font-weight:500;
  border:1px solid rgba(216,175,63,.4);border-radius:40px;padding:9px 18px;text-decoration:none;
  transition:.25s}
.her-card__more:hover{background:#d8af3f;color:#120b0d;border-color:#d8af3f}

/* botão "Todas as heresias" */
.her-all{text-align:center;margin:44px 0 0}
.her-all a{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:#d8af3f;text-decoration:none;font-weight:500}

/* ===== ESPAÇO PUBLICITÁRIO (rodapé do heresias, antes do voltar) ===== */
#her-foot .her-ad{max-width:1180px;margin:48px auto 60px;padding:0 var(--gutter)}
.her-ad{max-width:1180px;margin:48px auto 60px;padding:0 var(--gutter)}
.her-ad__slot{border:1px dashed rgba(216,175,63,.22);border-radius:10px;
  background:linear-gradient(180deg,#0d0c09,#0a0908);
  min-height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  transition:border-color .3s}
.her-ad__slot:hover{border-color:rgba(216,175,63,.34)}
.her-ad__slot img{max-width:100%;height:auto;display:block}
.her-ad__slot a{display:block;line-height:0}
.her-ad__ph{color:#5a5648;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:20px}

@media (max-width:980px){.her-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.her-grid{grid-template-columns:1fr;gap:22px}}

/* ===== respiro lateral responsivo ===== */
@media (max-width:1024px){:root{--gutter:20px}#her-top,#her-foot{padding-left:20px;padding-right:20px}}
@media (max-width:560px){:root{--gutter:16px}#her-top,#her-foot{padding-left:16px;padding-right:16px}
  .her-card__body{padding:22px 20px 24px}}

/* banner do blog igual ao da home em telas grandes */
@media (min-width:1024px){
  #her-top .her-banner{max-width:1280px}
}

/* ===== BOTÃO VER TODAS ===== */
.her-vertodas{text-align:center;margin:44px auto 0;max-width:1180px;padding:0 var(--gutter)}
.her-vertodas__btn{display:inline-flex;align-items:center;gap:8px;font-family:'Cantata One',serif;
  font-size:14px;letter-spacing:.03em;color:#d8af3f;background:transparent;
  border:1px solid rgba(216,175,63,.45);border-radius:40px;padding:14px 32px;text-decoration:none;
  transition:background .3s,color .3s}
.her-vertodas__btn:hover{background:#d8af3f;color:#0a0a0a}

/* ===== ANEL DE CLIQUE no blog ===== */
.fc-click-ring{position:fixed;top:0;left:0;width:14px;height:14px;border-radius:50%;
  border:2px solid #d8af3f;transform:translate(-50%,-50%) scale(.4);pointer-events:none;z-index:99998;opacity:0}
.fc-click-ring.go{animation:fc-clickpop .5s ease-out}
@keyframes fc-clickpop{0%{opacity:.9;transform:translate(-50%,-50%) scale(.4)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}
.her-card.tapped{transform:scale(.985);transition:transform .12s ease}

/* mobile: texto do card alinhado à esquerda, sem rios de espaço */
@media (max-width:640px){
  .her-card__excerpt,.her-card__title{text-align:left}
  .her-sub{padding:0 16px}
}

/* ===== ANÚNCIO: conter a imagem num tamanho de banner (não gigante) ===== */
.her-ad a,.her-ad{display:block}
.her-ad img{display:block;max-width:100%;width:auto;max-height:150px;margin:0 auto;object-fit:contain}
@media (max-width:640px){
  .her-ad{margin:32px auto 40px}
  .her-ad img{max-height:110px}
}

/* ===== ANÚNCIO com anúncio real: sem tracejado, arredondado, com botão ===== */
.her-ad__slot--live{border:none;background:none;min-height:0;padding:0;display:block;overflow:visible}
.her-ad__slot--live .her-ad__link{display:flex;flex-direction:column;align-items:center;gap:18px;text-decoration:none;line-height:normal;width:100%}
.her-ad__slot--live .her-ad__link img{max-height:180px;width:auto;max-width:100%;margin:0;object-fit:contain;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#her-foot .her-ad__btn, .her-ad__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 30px;flex:0 0 auto;min-width:max-content;
  white-space:nowrap;border-radius:22px;background:#D4AE63;color:#140A10;font-family:'Jost',sans-serif;font-size:11px;font-weight:600;
  letter-spacing:1px;text-transform:uppercase;transition:background .25s,transform .25s}
.her-ad__slot--live .her-ad__link:hover .her-ad__btn{background:#EDD9A3;transform:translateY(-1px)}
@media (max-width:640px){ .her-ad__slot--live .her-ad__link img{max-height:130px} }