/* Mexboss Casino — tema oro / negro / blanco (alineado al logo) */

:root{
  --mx-gold:#c5a367;
  --mx-gold-light:#e8c86a;
  --mx-gold-mid:#d4af37;
  --mx-gold-dark:#7a5c28;
  --mx-gold-deep:#4a3818;
  --mx-gold-glow:rgba(197, 163, 103, 0.42);
  --mx-black:#050505;
  --mx-black-soft:#0c0c0c;
  --mx-black-card:#111111;
  --mx-black-elevated:#181818;
  --page-bg:#050505;
  --main-bg:#0c0c0c;
  --main-text:#f2f2f2;
  --main-heading:#ffffff;
  --main-muted:#a8a8a8;
  --primary:var(--mx-gold);
  --primary-mid:var(--mx-gold-light);
  --primary-dark:var(--mx-gold-dark);
  --primary-glow:var(--mx-gold-glow);
  --sidebar-blue-top:#1a1a1a;
  --sidebar-blue-bot:#050505;
  --line:rgba(197, 163, 103, 0.28);
  --gold1:#f0d78c;
  --gold2:#c5a367;
  --gold3:#9a7b3a;
}

html{
  color-scheme:dark;
  background:var(--mx-black) !important;
}

body:before{
  background:
    radial-gradient(900px 520px at 12% -8%, rgba(197, 163, 103, 0.14), transparent 55%),
    radial-gradient(700px 480px at 92% 8%, rgba(197, 163, 103, 0.08), transparent 50%),
    linear-gradient(180deg, #0a0a0a 0%, #050505 55%, #000000 100%) !important;
}

html,body{
  color:var(--main-text) !important;
}

@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(197, 163, 103, 0.55) }
  70%{ box-shadow:0 0 0 18px rgba(197, 163, 103, 0) }
  100%{ box-shadow:0 0 0 0 rgba(197, 163, 103, 0) }
}

/* Header */
header{
  background:linear-gradient(180deg, #111111 0%, #050505 100%) !important;
  border-bottom:2px solid var(--mx-gold) !important;
  box-shadow:0 4px 24px rgba(0,0,0,.65), 0 1px 0 rgba(197,163,103,.15) inset !important;
}
header.scrolled{
  background:linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
  box-shadow:0 10px 32px rgba(0,0,0,.75) !important;
  border-bottom-color:var(--mx-gold-light) !important;
}

.burger{
  background:var(--mx-black-card) !important;
  border:1px solid rgba(197,163,103,.35) !important;
  color:#fff !important;
}

.head-nav__link:hover{
  border-bottom-color:var(--mx-gold-light) !important;
  color:#fff !important;
}
.head-nav__link--active{
  border-bottom-color:var(--mx-gold) !important;
  color:#fff !important;
}

.head .head-search-ico{
  background:var(--mx-black-card) !important;
  border:1px solid rgba(197,163,103,.3) !important;
  color:var(--mx-gold-light) !important;
}
.head .head-search-ico:hover{
  border-color:var(--mx-gold) !important;
  background:#141414 !important;
}
.head .head-search-ico:focus-visible{
  outline-color:var(--mx-gold-light) !important;
}

.head .offers-trigger{
  background:linear-gradient(165deg, #1c1c1c 0%, #0a0a0a 100%) !important;
  border:1px solid rgba(197,163,103,.4) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.head .offers-trigger:hover,
.head .offers-trigger[aria-expanded="true"]{
  border-color:var(--mx-gold-light) !important;
  box-shadow:0 0 22px var(--mx-gold-glow), 0 6px 18px rgba(0,0,0,.45) !important;
}
.head .offers-trigger:focus-visible{
  outline-color:var(--mx-gold) !important;
}
.head .offers-trigger__ico{
  filter:brightness(0) saturate(100%) invert(78%) sepia(28%) saturate(650%) hue-rotate(6deg) brightness(98%) contrast(90%) !important;
}

.head .btn--login{
  background:linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%) !important;
  border:1px solid rgba(197,163,103,.55) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 2px 0 #000, 0 4px 14px rgba(0,0,0,.45) !important;
}
.head .btn--reg,
.pulse-btn,
.hero-cta,
.ft-btn,
.shell > main .cta-center .pulse-btn{
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255,255,255,.35) 0%, transparent 55%),
    linear-gradient(165deg, var(--mx-gold-light) 0%, var(--mx-gold) 42%, var(--mx-gold-dark) 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#1a1206 !important;
  -webkit-text-fill-color:#1a1206 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.25) inset,
    0 3px 0 var(--mx-gold-deep),
    0 8px 28px var(--mx-gold-glow) !important;
}
.head .btn--reg::before{ opacity:.35 !important; }
@media (hover:hover){
  .head .btn--reg:hover,
  .pulse-btn:hover,
  .hero-cta:hover,
  .ft-btn:hover{
    filter:brightness(1.08) !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.3) inset,
      0 3px 0 var(--mx-gold-deep),
      0 12px 34px rgba(197,163,103,.5) !important;
  }
  .head .btn--login:hover{
    border-color:var(--mx-gold-light) !important;
    box-shadow:0 0 16px rgba(197,163,103,.25) !important;
  }
}

.vmore-btn{
  background:linear-gradient(165deg, #2a2a2a 0%, #111 100%) !important;
  border:1px solid rgba(197,163,103,.45) !important;
  color:var(--mx-gold-light) !important;
  -webkit-text-fill-color:var(--mx-gold-light) !important;
  box-shadow:0 3px 0 #000, 0 6px 20px rgba(0,0,0,.4) !important;
}

/* Sidebar + drawer */
.aside{
  background:linear-gradient(180deg, #141414 0%, #080808 55%, #000000 100%) !important;
  border:1px solid rgba(197,163,103,.22) !important;
  box-shadow:0 14px 44px rgba(0,0,0,.6), inset 3px 0 0 rgba(197,163,103,.35) !important;
}
.drawer{
  background:linear-gradient(180deg, #121212 0%, #050505 100%) !important;
  border-right:1px solid rgba(197,163,103,.25) !important;
}
.drawer .dhead{
  border-bottom-color:rgba(197,163,103,.2) !important;
}
.dclose{
  background:rgba(20,20,20,.95) !important;
  border:1px solid rgba(197,163,103,.45) !important;
}
.dclose:hover{
  border-color:var(--mx-gold-light) !important;
  background:#1a1a1a !important;
}

.aside .nav a,
.drawer .nav a{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.aside .nav a:hover,
.drawer .nav a:hover{
  background:rgba(197,163,103,.12) !important;
  border-color:rgba(197,163,103,.35) !important;
}
.aside .nav a.is-active,
.drawer .nav a.is-active{
  background:linear-gradient(165deg, var(--mx-gold-light) 0%, var(--mx-gold) 50%, var(--mx-gold-dark) 100%) !important;
  border:1px solid rgba(255,255,255,.25) !important;
  color:#1a1206 !important;
  -webkit-text-fill-color:#1a1206 !important;
  box-shadow:0 4px 16px var(--mx-gold-glow) !important;
}
.aside .nav a.is-active img.nav-ico,
.drawer .nav a.is-active img.nav-ico,
.aside .nav a.is-active svg.nav-ico,
.drawer .nav a.is-active svg.nav-ico{
  filter:brightness(0) saturate(100%) !important;
  opacity:1 !important;
}
.aside .nav a img.nav-ico,
.drawer .nav a img.nav-ico{
  filter:brightness(0) invert(1) opacity(.92) !important;
}
.sep{
  border-top-color:rgba(197,163,103,.2) !important;
}

/* Main content card */
.shell > main{
  background:linear-gradient(180deg, #111111 0%, #0a0a0a 48%, #050505 100%) !important;
  border:1px solid rgba(197,163,103,.18) !important;
  box-shadow:0 12px 40px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.page-title,
:is(.shell > main, main) .page-title{
  color:#fff !important;
  text-shadow:0 0 28px rgba(197,163,103,.22) !important;
}

.frame{
  background:#0a0a0a !important;
  border:1px solid rgba(197,163,103,.15) !important;
}
.frame:before{
  border-color:rgba(197,163,103,.2) !important;
}

.shell > main .section h2,
.shell > main .section h3{
  color:#fff !important;
}
.shell > main .section h2.section-heading--accent{
  border-left-color:var(--mx-gold) !important;
  color:#fff !important;
}
.intro p,
.section{
  color:#d4d4d4 !important;
}

/* Chips */
.shell .chips,
main .chips{
  background:linear-gradient(180deg, #121212 0%, #080808 100%) !important;
  border:1px solid rgba(197,163,103,.2) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.chip,
.shell .chips a.chip{
  background:linear-gradient(180deg, #1a1a1a 0%, #0d0d0d 100%) !important;
  border:1px solid rgba(197,163,103,.25) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.chip-ico{
  color:var(--mx-gold-light) !important;
}
.chips::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg, var(--mx-gold-light), var(--mx-gold-dark)) !important;
}
@media (hover:hover){
  .chip:hover,
  .shell .chips a.chip:hover{
    border-color:var(--mx-gold) !important;
    background:linear-gradient(180deg, #222 0%, #111 100%) !important;
    box-shadow:0 0 18px rgba(197,163,103,.2) !important;
  }
}

/* Cards, providers */
:is(.shell > main, main) a.card .info,
:is(.shell > main, main) a.card .info :is(p, .title, .vendor, span){
  color:#f5f5f5 !important;
  -webkit-text-fill-color:#f5f5f5 !important;
}
.play{
  background:linear-gradient(165deg, var(--mx-gold-light), var(--mx-gold-dark)) !important;
  color:#1a1206 !important;
}
.prov{
  background:#111 !important;
  border:1px solid rgba(197,163,103,.15) !important;
}
.prov-name{
  color:var(--mx-gold-light) !important;
}
.prov-media{
  background:#0a0a0a !important;
}

/* Tables (payments, legal) */
.table-wrapper table{
  background:#111 !important;
  border:1px solid rgba(197,163,103,.22) !important;
}
#bonuses .table-wrapper,
main .legal-doc .table-wrapper{
  background:#0a0a0a !important;
  border:1px solid rgba(197,163,103,.25) !important;
}
main .legal-doc .table-wrapper:not(.facts-table) th:first-child{
  color:var(--mx-gold-light) !important;
  -webkit-text-fill-color:var(--mx-gold-light) !important;
}
main .legal-doc .table-wrapper:not(.facts-table) tbody tr:hover{
  background:rgba(197,163,103,.08) !important;
}
main .legal-doc .table-wrapper.facts-table{
  background:#050505 !important;
  border-color:rgba(197,163,103,.38) !important;
  box-shadow:
    0 16px 48px rgba(0, 0, 0, 0.55),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Facts / payments tables — Mexboss brand */
:is(#facts, #payments, main .legal-doc) .facts-table{
  background:#050505 !important;
  border-color:rgba(197,163,103,.42) !important;
}
#facts .facts-table__heading{
  color:#fff !important;
  text-shadow:0 0 24px rgba(197,163,103,.18);
}
:is(#facts, #payments, main .legal-doc) .facts-table__grid th{
  color:var(--mx-gold-light) !important;
  -webkit-text-fill-color:var(--mx-gold-light) !important;
  border-right-color:rgba(197,163,103,.28) !important;
  border-bottom-color:rgba(197,163,103,.14) !important;
}
:is(#facts, #payments, main .legal-doc) .facts-table__grid td{
  color:#e8e8e8 !important;
  -webkit-text-fill-color:#e8e8e8 !important;
  background:#0c0c0c !important;
}
:is(#facts, #payments, main .legal-doc) .facts-table__grid tr:nth-child(even) th{
  background:#121212 !important;
}
:is(#facts, #payments, main .legal-doc) .facts-table__grid tr:nth-child(even) td{
  background:#141414 !important;
}
@media (hover:hover){
  :is(#facts, #payments, main .legal-doc) .facts-table__grid tbody tr:hover th,
  :is(#facts, #payments, main .legal-doc) .facts-table__grid tbody tr:hover td{
    background:#6d6348 !important;
    box-shadow:
      inset 0 0 32px rgba(197, 163, 103, 0.28),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }
  :is(#facts, #payments, main .legal-doc) .facts-table__grid tbody tr:hover th{
    color:#f5ecd4 !important;
    -webkit-text-fill-color:#f5ecd4 !important;
  }
  :is(#facts, #payments, main .legal-doc) .facts-table__grid tbody tr:hover td{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
}

/* Lobby cards grid (Starburst, etc.) */
:is(.shell > main, main) .grid .card{
  border-color:rgba(197,163,103,.25) !important;
}
:is(.shell > main, main) .grid .card:hover{
  border-color:rgba(197,163,103,.55) !important;
  box-shadow:0 14px 36px rgba(0,0,0,.55), 0 0 28px rgba(197,163,103,.22) !important;
}
:is(.shell > main, main) .grid .card .info{
  background:linear-gradient(180deg, #121212, #0c0c0c) !important;
}
:is(.shell > main, main) .grid .card:hover .info{
  background:#6d6348 !important;
}

/* Popular games grid */
.popular-games > h2{
  color:#fff !important;
  text-shadow:0 0 20px rgba(197,163,103,.15);
}
.popular-games__card{
  border-color:rgba(197,163,103,.25) !important;
}
.popular-games__title{
  color:#f0f0f0 !important;
  -webkit-text-fill-color:#f0f0f0 !important;
}

/* Slots page editorial */
body.slots-page .slots-landing__eyebrow,
body.slots-page .slots-editorial__panel-title,
body.slots-page .slots-editorial__aside-label,
body.slots-page .slots-editorial__callout-title{
  color:var(--mx-gold-light) !important;
}
body.slots-page .slots-editorial__feature h3{
  color:#f5ecd4 !important;
}

/* Offers panel — agente promo (gold / black, sin scroll) */
.offers-backdrop.is-open{
  background:
    radial-gradient(ellipse 70% 55% at 50% 40%, rgba(197,163,103,.12), transparent 55%),
    rgba(0,0,0,.82) !important;
}
.offers-panel--agente,
.offers-panel{
  --offers-modal-max-w:min(94vw, 580px);
  background:linear-gradient(180deg, #1a1814 0%, #0a0a0a 55%, #050505 100%) !important;
  border:1px solid rgba(197,163,103,.45) !important;
  box-shadow:
    0 0 0 1px rgba(197,163,103,.12),
    0 0 48px rgba(197,163,103,.18),
    0 28px 72px rgba(0,0,0,.75) !important;
}
.offers-panel.is-open{
  box-shadow:
    0 0 0 1px rgba(212,175,95,.22),
    0 0 64px rgba(197,163,103,.28),
    0 32px 80px rgba(0,0,0,.8) !important;
}
.offers-panel__head{
  background:linear-gradient(180deg, #222018 0%, #12100c 100%) !important;
  padding:12px 14px 10px !important;
  min-height:40px !important;
}
.offers-panel__head::after{
  background:linear-gradient(90deg, transparent, var(--mx-gold), transparent) !important;
}
.offers-panel__title{
  color:#fff !important;
  text-shadow:0 0 18px rgba(197,163,103,.25) !important;
}
.offers-panel__title::before{
  background:linear-gradient(90deg, var(--mx-gold-dark), var(--mx-gold-light), var(--mx-gold)) !important;
  box-shadow:0 0 12px var(--mx-gold-glow) !important;
}
.offers-panel__close{
  border-color:rgba(197,163,103,.35) !important;
  color:var(--mx-gold-light) !important;
}
.offers-panel__close:hover{
  border-color:var(--mx-gold) !important;
  background:linear-gradient(165deg, rgba(197,163,103,.22), rgba(12,10,8,.96)) !important;
  color:#fff !important;
  box-shadow:0 4px 20px rgba(197,163,103,.25) !important;
}
.offers-panel__body--agente{
  padding:10px 14px 14px !important;
  overflow:hidden !important;
}
.offers-panel__figure--agente{
  padding:2px !important;
  border-radius:14px !important;
  background:linear-gradient(
    145deg,
    rgba(212,175,95,.95) 0%,
    rgba(197,163,103,.55) 35%,
    rgba(139,115,68,.75) 65%,
    rgba(212,175,95,.85) 100%
  ) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.1),
    0 12px 40px rgba(0,0,0,.55),
    0 0 40px rgba(197,163,103,.2),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
}
.offers-panel__img--agente{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:min(58dvh, calc(90dvh - 108px)) !important;
  margin:0 auto !important;
  object-fit:contain !important;
  border-radius:12px !important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.35) !important;
}
@media (hover:hover){
  .offers-panel__link:hover .offers-panel__img--agente{
    filter:saturate(1.06) brightness(1.03) !important;
  }
  .offers-panel.is-open .offers-panel__link:hover .offers-panel__figure--agente{
    box-shadow:
      0 0 0 1px rgba(255,255,255,.14),
      0 16px 48px rgba(0,0,0,.6),
      0 0 56px rgba(197,163,103,.32),
      inset 0 1px 0 rgba(255,255,255,.2) !important;
  }
}

/* Footer */
.site-footer{
  background:linear-gradient(180deg, #0a0a0a 0%, #000000 100%) !important;
  border-top:2px solid rgba(197,163,103,.25) !important;
}
.ft-col a:hover,
.ft-legal a:hover{
  border-bottom-color:var(--mx-gold-light) !important;
  color:#fff !important;
}
.ft-title{
  color:var(--mx-gold-light) !important;
}

/* Links in content */
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play){
  color:var(--mx-gold-light) !important;
}
:is(.shell > main, main) .section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.chip):not(.prov):not(.banner-link):not(.hero-cta):not(.play):hover{
  color:#fff !important;
}

/* Updated box */
#updatedBox{
  border-color:rgba(197,163,103,.35) !important;
}
#updatedBox svg path{
  stroke:var(--mx-gold) !important;
}

/* Legal pages */
main .legal-doc h2{
  color:#fff !important;
  border-left:3px solid var(--mx-gold);
  padding-left:.75rem;
}
main .legal-doc .legal-note,
main .legal-doc .legal-note strong{
  color:#d1d6e6 !important;
  background:transparent !important;
  border:none !important;
}

/* Logo horizontal Mexboss */
.logo img{
  height:48px;
  max-width:min(280px, 72vw);
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.55));
}
.ft-logo img{
  height:44px;
  max-width:220px;
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.45));
}
@media (max-width:520px){
  .logo img{ height:36px; max-width:min(220px, 68vw); }
}
@media (max-width:390px){
  .logo img{ height:30px; }
}

@media (max-width:768px){
  .offers-trigger,
  .head-search-ico,
  .burger{
    min-width:44px;
    min-height:44px;
  }
  body.drawer-open{
    overflow:hidden;
    touch-action:none;
  }
  body.drawer-open .shell,
  body.drawer-open .site-footer{
    touch-action:none;
  }
}

header .head,
header .head-nav__link{
  color:rgba(255,255,255,.95) !important;
  -webkit-text-fill-color:rgba(255,255,255,.95) !important;
}
header .head-nav__link--active{
  border-bottom-color:var(--mx-gold-light) !important;
}

:is(.shell > main, main) .chip-ico{
  color:var(--mx-gold-light) !important;
}

.ft-legal a:hover{
  border-bottom-color:var(--mx-gold-light) !important;
}

/* App page */
body.app-page{
  background:
    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(197, 163, 103, .18), transparent 52%),
    linear-gradient(180deg, #0a0a0a 0%, var(--page-bg, #050505) 38%) !important;
}
body.app-page .shell > main{
  border-color:rgba(197,163,103,.15) !important;
}
body.app-page .app-hero__glow{
  background:radial-gradient(ellipse 70% 50% at 50% 0%, rgba(197, 163, 103, .32), transparent 70%) !important;
}
body.app-page .app-landing__masthead .app-landing__intro-copy{
  border-color:rgba(197,163,103,.28) !important;
  background:linear-gradient(155deg, rgba(197,163,103,.07) 0%, rgba(12,12,12,.92) 55%, rgba(5,5,5,.98) 100%) !important;
}
body.app-page .app-landing__eyebrow{
  color:var(--mx-gold-light) !important;
}
body.app-page .app-landing__features li{
  color:rgba(232,220,190,.95) !important;
}
body.app-page .app-landing__cta .pulse-btn,
body.app-page .app-landing__btn.app-landing__btn--primary.pulse-btn{
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255,255,255,.35) 0%, transparent 55%),
    linear-gradient(165deg, var(--mx-gold-light) 0%, var(--mx-gold) 42%, var(--mx-gold-dark) 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#1a1206 !important;
  -webkit-text-fill-color:#1a1206 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.25) inset,
    0 3px 0 var(--mx-gold-deep),
    0 8px 28px var(--mx-gold-glow) !important;
}
@media (hover:hover){
  body.app-page .app-landing__cta .pulse-btn:hover,
  body.app-page .app-landing__btn.app-landing__btn--primary.pulse-btn:hover{
    filter:brightness(1.08) !important;
    color:#1a1206 !important;
    -webkit-text-fill-color:#1a1206 !important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.3) inset,
      0 3px 0 var(--mx-gold-deep),
      0 12px 34px rgba(197,163,103,.5) !important;
  }
  body.app-page .app-landing__btn--ghost:hover{
    border-color:var(--mx-gold-light) !important;
    box-shadow:0 0 16px rgba(197,163,103,.25) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
}

/* Acceso / login page */
body.acceso-page .acceso-panel__inner{
  background:
    radial-gradient(120% 90% at 12% 0%, rgba(197, 163, 103, .12), transparent 52%),
    radial-gradient(80% 70% at 100% 12%, rgba(197, 163, 103, .06), transparent 45%),
    linear-gradient(165deg, #141414 0%, #080808 100%) !important;
  border-color:rgba(197,163,103,.22) !important;
}
body.acceso-page .acceso-panel__eyebrow{
  color:var(--mx-gold-light) !important;
}
body.acceso-page .acceso-panel__note{
  background:rgba(74, 56, 24, .35) !important;
  border-color:rgba(197,163,103,.25) !important;
}
body.acceso-page .acceso-panel__links a{
  color:var(--mx-gold-light) !important;
  border-bottom-color:rgba(197,163,103,.35) !important;
}
body.acceso-page .acceso-panel__links a:hover{
  color:#fff !important;
  border-bottom-color:var(--mx-gold) !important;
}

/* Giros / bonus landing accents */
body.giros-page .giros-landing,
body.bonus-page .bonus-landing{
  --page-accent:var(--mx-gold);
}
body.bonus-page .bonus-landing__masthead .bonus-landing__intro-copy{
  border-color:rgba(197,163,103,.28) !important;
  background:linear-gradient(155deg, rgba(197,163,103,.07) 0%, rgba(12,12,12,.92) 55%, rgba(5,5,5,.98) 100%) !important;
}
body.bonus-page .bonus-landing__highlights li{
  color:rgba(232,220,190,.95) !important;
}
body.bonus-page .bonus-landing__cta .pulse-btn,
body.bonus-page .bonus-landing__btn.pulse-btn{
  background:
    radial-gradient(ellipse 120% 80% at 50% 0%, rgba(255,255,255,.35) 0%, transparent 55%),
    linear-gradient(165deg, var(--mx-gold-light) 0%, var(--mx-gold) 42%, var(--mx-gold-dark) 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#1a1206 !important;
  -webkit-text-fill-color:#1a1206 !important;
}