/* Hard Rock Bet MX — shared banner component styles. One file, cached across the network. */
.hrb-banner-wrap{margin:28px 0;max-width:680px}
.hrb-banner-wrap.hrb-wide{max-width:100%}
.hrb-banner-link{display:block;text-decoration:none;border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.35);transition:transform .15s ease}
.hrb-banner-link:hover,.hrb-banner-link:focus-visible{transform:translateY(-2px)}
.hrb-banner-link:focus-visible{outline:3px solid #ff3b30;outline-offset:3px}
.hrb-banner-frame{aspect-ratio:600/500;background:#0a0a0a;overflow:hidden}
@media (min-width:768px){.hrb-banner-frame{aspect-ratio:600/500}}
.hrb-banner-frame img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes hrbWiggle{
  0%,92%,100%{transform:rotate(0deg) scale(1)}
  93%{transform:rotate(-1.2deg) scale(1.01)}
  94%{transform:rotate(1.2deg) scale(1.01)}
  95%{transform:rotate(-1deg) scale(1.01)}
  96%{transform:rotate(1deg) scale(1.01)}
  97%{transform:rotate(0deg) scale(1.01)}
}
.hrb-banner-link.hrb-wiggle{animation:hrbWiggle 9s ease-in-out infinite}
.hrb-sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#c40f1f,#8f0a15);padding:10px 14px;box-shadow:0 -6px 20px rgba(0,0,0,.4);transform:translateY(110%);transition:transform .35s ease}
.hrb-sticky-cta.hrb-visible{transform:translateY(0)}
.hrb-sticky-cta a{color:#fff;text-decoration:none;font-weight:800;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:.95rem;flex:1;text-align:center;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.12)}
.hrb-sticky-cta a:focus-visible{outline:2px solid #fff}
.hrb-sticky-close{background:transparent;border:none;color:#fff;font-size:1.1rem;line-height:1;cursor:pointer;padding:6px 8px;opacity:.85}