/* Promotion is an overlay; no horizontal strip or reserved top row. */
#topbar{display:none}
#topbar.rio-promo-topbar{display:block;position:relative;height:0;min-height:0;margin:0;padding:0;border:0;background:none;overflow:visible;z-index:51}
.rio-promo-panel{position:absolute;top:6px;left:12px;width:220px;height:220px;box-sizing:border-box;padding:40px 29px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#fff200;isolation:isolate}
.rio-promo-panel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#ff3434,#d60018 55%,#9e0010);clip-path:polygon(50% 0%,59% 12%,75% 7%,78% 23%,93% 25%,88% 41%,100% 50%,88% 59%,93% 75%,77% 78%,75% 93%,59% 88%,50% 100%,41% 88%,25% 93%,22% 77%,7% 75%,12% 59%,0% 50%,12% 41%,7% 25%,23% 22%,25% 7%,41% 12%);transform:rotate(-8deg);pointer-events:none}
.rio-promo-link{display:flex;flex-direction:column;align-items:center;gap:8px;color:inherit;text-decoration:none}
.rio-promo-link strong{font-size:28px;font-weight:950;line-height:1.02;text-shadow:2px 2px #79000d}
.rio-promo-link span{font-size:13px;line-height:1.2;font-weight:800;color:white}
.rio-promo-code{font:700 12px/1.2 Arial,sans-serif;color:#fff200;background:#830016;border:1px solid #ffd32c;border-radius:20px;min-height:34px;padding:6px 9px;cursor:pointer}
.rio-promo-link:hover{color:white}.rio-promo-code:hover{background:#600010}
.rio-promo-link:focus-visible,.rio-promo-code:focus-visible{outline:3px solid #fff;outline-offset:3px}
body[data-page=home] .nav .navin{max-width:none;min-height:64px;height:64px;padding:4px 20px 4px 250px;gap:16px}
body[data-page=home] .nav,body[data-page=home] .hero{margin-top:0;margin-bottom:0}
body[data-page=home] main{padding-top:0}
@media(min-width:601px) and (max-width:1200px){body[data-page=home] .nav .links{gap:10px;font-size:12px}}
@media(max-width:600px){.rio-promo-panel{left:5px;top:3px;width:158px;height:158px;padding:27px 20px;gap:5px}.rio-promo-link{gap:5px}.rio-promo-link strong{font-size:20px}.rio-promo-link span{font-size:10px}.rio-promo-code{font-size:10px;min-height:28px;padding:4px 6px}body[data-page=home] .nav .navin{height:auto;min-height:64px;padding:8px 8px 8px 174px;gap:6px;flex-wrap:wrap}body[data-page=home] .nav .actions{gap:2px;margin-left:auto}body[data-page=home] .nav .brand{flex-shrink:0}}

/* Gentle whole-banner pulse; pause while interacting. */
.rio-promo-panel{transform-origin:center;animation:rioPromoBannerPulse 2.8s ease-in-out infinite}
@keyframes rioPromoBannerPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
.rio-promo-panel:hover,.rio-promo-panel:focus-within{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.rio-promo-panel{animation:none}}

/* Keep the welcome caption clear of the promotion star. */
body[data-page=home] .hero-copy [data-rio=welcome]{margin-left:110px}
@media(max-width:600px){body[data-page=home] .hero-copy [data-rio=welcome]{margin-left:145px;overflow-wrap:normal}}

/* Move the hero subtitle away from the palm leaves. */
body[data-page=home] .hero-copy #heroIntro{margin-left:110px}
@media(max-width:600px){body[data-page=home] .hero-copy #heroIntro{margin-left:40px}}