/* Banner de topo - publicidade (no fluxo do documento) */
.top-promo{
  position:relative;
  display:block;
  width:100%;
  height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-size:cover;
  background-position:center;
  color:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
  overflow:hidden;
  transition:max-height 360ms ease, opacity 360ms ease, padding 360ms ease;
  max-height:200px;
  opacity:1;
}
.top-promo.hidden{max-height:0;padding:0 0;opacity:0}
.top-promo .promo-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 20px;width:100%;max-width:1200px}
.promo-copy{display:flex;flex-direction:column}
.promo-kicker{font-weight:700;letter-spacing:1px;font-size:13px;text-transform:uppercase;opacity:0.95}
.promo-headline{margin:0;font-size:28px;font-weight:800}
.promo-headline strong{color:#ffd100}
.promo-cta{background:rgba(255,255,255,0.12);color:#fff;padding:10px 18px;border-radius:28px;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,0.12)}
.promo-close{position:absolute;right:14px;top:10px;background:transparent;border:0;color:#fff;font-size:20px;padding:8px;cursor:pointer}

@media (max-width:767px){
  .top-promo{height:120px}
  .promo-headline{font-size:18px}
  .promo-inner{padding:10px}
  .promo-cta{padding:8px 12px;font-size:14px}
}