/* ===== Banners Governa (frontend + preview admin) ===== */
.gbn-wrap{display:flex;justify-content:center;margin:18px 0;}
.gbn{position:relative;overflow:hidden;border-radius:16px;background:#14120d;color:#fff;text-decoration:none;display:block;box-shadow:0 16px 38px -18px rgba(0,0,0,.55);font-family:"Hanken Grotesk",system-ui,sans-serif;}
.gbn *{box-sizing:border-box;}
.gbn-bg{position:absolute;inset:0;background:radial-gradient(120% 100% at 75% 10%, #2a261d 0%, #14120d 58%, #0a0907 100%);}
.gbn-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(10,226,118,.28),transparent 70%);top:-120px;right:-90px;animation:gbnfloat 6s ease-in-out infinite;}
@keyframes gbnfloat{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,16px)}}
.gbn-leaf{position:absolute;top:16px;left:16px;display:flex;align-items:center;gap:8px;z-index:5;}
.gbn-leaf .lf{width:28px;height:28px;border-radius:8px;background:rgba(10,226,118,.16);border:1px solid rgba(10,226,118,.3);display:grid;place-items:center;}
.gbn-leaf .lf svg{width:16px;height:16px;}
.gbn-leaf b{font-family:"Schibsted Grotesk",system-ui,sans-serif;font-weight:800;font-size:14px;}
.gbn-content{position:absolute;left:18px;right:18px;bottom:18px;z-index:5;}
.gbn-kx{display:block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0AE276;}
.gbn-ttl{display:block;font-family:"Schibsted Grotesk",system-ui,sans-serif;font-weight:800;font-size:24px;line-height:1.05;margin-top:7px;}
.gbn-hl{color:#0AE276;}
.gbn-sub{display:block;font-size:12px;color:rgba(250,247,241,.6);margin-top:6px;}
.gbn-cta{margin-top:13px;display:inline-flex;align-items:center;gap:8px;background:#0AE276;color:#06371f;font-family:"Schibsted Grotesk",system-ui,sans-serif;font-weight:800;font-size:13px;padding:9px 16px;border-radius:999px;}
.gbn-cta svg{width:14px;height:14px;}

/* layout largo (leaderboard / billboard) */
.gbn-wide .gbn-content{top:50%;transform:translateY(-50%);bottom:auto;left:150px;right:24px;}
.gbn-wide .gbn-leaf{top:50%;transform:translateY(-50%);}
.gbn-wide .gbn-ttl{font-size:26px;}
.gbn-wide .gbn-cta{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;}
.gbn-wide.gbn .gbn-content{padding-right:170px;}
/* 728x90 compacto */
.gbn[style*="height:90px"] .gbn-ttl{font-size:18px;margin-top:2px;}
.gbn[style*="height:90px"] .gbn-kx{font-size:9px;}
.gbn[style*="height:90px"] .gbn-sub{display:none;}
.gbn[style*="height:90px"] .gbn-leaf b{display:none;}
/* 320x100 mobile */
.gbn[style*="height:100px"] .gbn-content{top:50%;transform:translateY(-50%);bottom:auto;left:70px;}
.gbn[style*="height:100px"] .gbn-ttl{font-size:17px;}
.gbn[style*="height:100px"] .gbn-sub{display:none;}
.gbn[style*="height:100px"] .gbn-leaf b{display:none;}
.gbn[style*="height:100px"] .gbn-cta{padding:6px 12px;font-size:11px;margin-top:8px;}
/* tall (300x600 / quadrado) */
.gbn-tall .gbn-ttl{font-size:34px;}
.gbn-tall .gbn-content{bottom:auto;top:130px;}
.gbn[style*="height:1080px"] .gbn-ttl{font-size:72px;}
.gbn[style*="height:1080px"] .gbn-leaf .lf{width:54px;height:54px;}
.gbn[style*="height:1080px"] .gbn-leaf b{font-size:30px;}
.gbn[style*="height:1080px"] .gbn-kx{font-size:22px;}
.gbn[style*="height:1080px"] .gbn-cta{font-size:30px;padding:22px 40px;}
.gbn[style*="height:1080px"] .gbn-sub{font-size:26px;}
.gbn[style*="height:1080px"] .gbn-content{left:60px;right:60px;bottom:64px;}

/* template: rise */
@media (prefers-reduced-motion: no-preference){
  .gbn-rise .gbn-ttl{opacity:0;transform:translateY(14px);animation:gbnrise .6s .2s forwards;}
  .gbn-rise .gbn-kx{opacity:0;animation:gbnfade .5s .05s forwards;}
  .gbn-rise .gbn-cta{opacity:0;transform:translateY(10px);animation:gbnrise .5s .8s forwards;}
  .gbn-rise .gbn-cta svg{animation:gbnnudge 1.4s 1.4s infinite;}
}
@keyframes gbnrise{to{opacity:1;transform:none}}
@keyframes gbnfade{to{opacity:1}}
@keyframes gbnnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}

/* template: rotate */
.gbn-rot{position:relative;display:block;min-height:60px;}
.gbn-rot .gbn-ph{position:absolute;inset:0;opacity:0;animation:gbnrot 9s infinite;}
.gbn-rot .gbn-ph:nth-child(1){animation-delay:0s}
.gbn-rot .gbn-ph:nth-child(2){animation-delay:3s}
.gbn-rot .gbn-ph:nth-child(3){animation-delay:6s}
@keyframes gbnrot{0%{opacity:0;transform:translateY(8px)}4%{opacity:1;transform:none}30%{opacity:1;transform:none}36%{opacity:0;transform:translateY(-8px)}100%{opacity:0}}

/* template: pulse */
.gbn-ring{position:absolute;width:150px;height:150px;border:2px solid rgba(10,226,118,.4);border-radius:50%;top:-30px;right:-30px;animation:gbnexpand 3s ease-out infinite;}
@keyframes gbnexpand{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.4);opacity:0}}
.gbn-pulse .gbn-cta{animation:gbnbob 2s infinite;}
@keyframes gbnbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}

/* template: shine */
.gbn-shine{position:absolute;top:0;bottom:0;width:60px;background:linear-gradient(105deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);animation:gbnslide 3.5s ease-in-out infinite;z-index:6;}
@keyframes gbnslide{0%{left:-80px}55%,100%{left:130%}}