.mx711-promociones, .mx711-promociones * { box-sizing: border-box; }
.mx711-promociones {
  --green: #069918; --gold: #D6A72A; --ink: #F4F7F5; --soft: #B9C9BE;
  --lime: #35D85E; --night: #07110A; --felt: #102016; --felt-2: #162A1D; --edge: #24452E;
  width: 100%; overflow-x: hidden; color: var(--ink); background: var(--night);
  font: 17px/1.68 "Trebuchet MS", "Segoe UI", sans-serif; isolation: isolate;
}
.mx711-promociones ::selection { color: #07110A; background: var(--lime); }
.mx711-promociones main, .mx711-promociones section, .mx711-promociones article, .mx711-promociones figure, .mx711-promociones img, .mx711-promociones a, .mx711-promociones button,
.mx711-promociones h1, .mx711-promociones h2, .mx711-promociones h3, .mx711-promociones p, .mx711-promociones figcaption { max-width: 100%; }
.mx711-promociones h1, .mx711-promociones h2, .mx711-promociones h3, .mx711-promociones p, .mx711-promociones a, .mx711-promociones button, .mx711-promociones figcaption { overflow-wrap: anywhere; }
.mx711-promociones h1, .mx711-promociones h2, .mx711-promociones h3 { margin: 0; line-height: 1.08; letter-spacing: 0; text-wrap: balance; }
.mx711-promociones h1, .mx711-promociones h2 { font-family: Georgia, "Times New Roman", serif; }
.mx711-promociones h1 { font-size: clamp(2.65rem, 6vw, 5.7rem); }
.mx711-promociones h2 { margin-bottom: 22px; font-size: clamp(2rem, 4vw, 3.35rem); }
.mx711-promociones h3 { margin-bottom: 10px; font-size: clamp(1.15rem, 2vw, 1.48rem); }
.mx711-promociones p { margin: 0; color: var(--soft); }
.mx711-promociones p + p { margin-top: 16px; }
.mx711-promociones strong { color: #FFFFFF; font-weight: 800; }
.mx711-promociones a { color: var(--lime); text-underline-offset: 4px; }
.mx711-promociones a:hover { color: #FFFFFF; }
.mx711-promociones a:focus-visible, .mx711-promociones button:focus-visible, .mx711-promociones summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.mx711-promociones img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.mx711-promociones figure { margin: 0; min-width: 0; overflow: hidden; background: var(--felt); }
.mx711-promociones figcaption { padding: 10px 14px 12px; color: var(--soft); font-size: .84rem; }
.mx711-promociones .bonos-marco { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.mx711-promociones .bonos-tramo { padding: 92px 0; }
.mx711-promociones .bonos-tramo-breve { padding: 62px 0; }
.mx711-promociones .bonos-portada { position: relative; min-height: 660px; display: grid; align-items: end; overflow: hidden; }
.mx711-promociones .bonos-fondo { position: absolute; inset: 0; z-index: -2; }
.mx711-promociones .bonos-fondo img { height: 100%; min-height: 660px; object-position: center; }
.mx711-promociones .bonos-portada::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(7,17,10,.98), rgba(7,17,10,.84) 48%, rgba(7,17,10,.24)); }
.mx711-promociones .bonos-mensaje { width: min(770px, 100%); padding: 108px 0 76px; }
.mx711-promociones .bonos-mensaje p { max-width: 68ch; margin-top: 24px; color: #DDE8E0; font-size: 1.12rem; }
.mx711-promociones .bonos-acciones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mx711-promociones .bonos-boton, .mx711-promociones .bonos-boton-secundario { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; padding: 13px 22px; border: 1px solid transparent; border-radius: 6px; font-weight: 800; line-height: 1.2; text-decoration: none; transition: transform .22s ease, background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease; }
.mx711-promociones .bonos-boton { color: #07110A; background: var(--green); box-shadow: 0 10px 28px rgba(0,0,0,.32); }
.mx711-promociones .bonos-boton:hover { color: #07110A; background: var(--lime); transform: translateY(-2px); }
.mx711-promociones .bonos-boton-secundario { color: var(--ink); border-color: var(--edge); background: rgba(16,32,22,.88); }
.mx711-promociones .bonos-boton-secundario:hover { color: #07110A; border-color: var(--gold); background: var(--gold); transform: translateY(-2px); }
.mx711-promociones .bonos-dupla, .mx711-promociones .bonos-tipos, .mx711-promociones .bonos-escena { display: grid; gap: 24px; }
.mx711-promociones .bonos-dupla, .mx711-promociones .bonos-escena { grid-template-columns: repeat(2, minmax(0,1fr)); }
.mx711-promociones .bonos-tipos { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mx711-promociones .bonos-dupla > *, .mx711-promociones .bonos-tipos > *, .mx711-promociones .bonos-escena > *, .mx711-promociones .bonos-acciones > * { min-width: 0; }
.mx711-promociones .bonos-ficha { padding: 26px; border-radius: 8px; background: var(--felt); box-shadow: 0 22px 58px rgba(0,0,0,.34); }
.mx711-promociones .bonos-linea { border-top: 1px solid var(--edge); }
.mx711-promociones .bonos-imagen-ancha img { aspect-ratio: 16/9; }
.mx711-promociones .bonos-imagen-tarjeta img { aspect-ratio: 4/3; }
.mx711-promociones .bonos-imagen-juego img { aspect-ratio: 1/1; }
.mx711-promociones .bonos-imagen-movil img { aspect-ratio: 9/16; }
.mx711-promociones .bonos-recorrido { display: grid; border-top: 1px solid var(--edge); }
.mx711-promociones .bonos-recorrido-item { display: grid; grid-template-columns: minmax(190px,.7fr) minmax(0,1.5fr); gap: 28px; padding: 27px 0; border-bottom: 1px solid var(--edge); }
.mx711-promociones .bonos-recorrido-item p { max-width: 72ch; }
.mx711-promociones .bonos-preguntas { display: grid; gap: 10px; }
.mx711-promociones .bonos-preguntas details { padding: 18px 0; border-top: 1px solid var(--edge); }
.mx711-promociones .bonos-preguntas details:last-child { border-bottom: 1px solid var(--edge); }
.mx711-promociones .bonos-preguntas summary { cursor: pointer; color: var(--ink); font-weight: 800; }
.mx711-promociones .bonos-preguntas details p { max-width: 74ch; margin-top: 12px; }
.mx711-promociones .bonos-cierre { position: relative; padding: 84px 14px; overflow: hidden; background: var(--felt-2); border-top: 1px solid var(--green); }
.mx711-promociones .bonos-cierre-interior { display: grid; grid-template-columns: minmax(0,1.4fr) auto; align-items: center; gap: 34px; }
.mx711-promociones .bonos-cierre-interior p { max-width: 64ch; margin-top: 16px; }
.mx711-promociones .bonos-cierre-interior .bonos-boton { min-width: 210px; }

.mx711-promociones .bonos-carrusel { display:grid; grid-template-columns:1.15fr .85fr; gap:24px; align-items:stretch; }
.mx711-promociones .bonos-destacado { padding:38px; background:#D6A72A; border-radius:8px; }
.mx711-promociones .bonos-destacado h2, .mx711-promociones .bonos-destacado h3, .mx711-promociones .bonos-destacado p { color:#07110A; }
.mx711-promociones .bonos-matriz { display:grid; border-top:1px solid #24452E; }
.mx711-promociones .bonos-matriz article { display:grid; grid-template-columns:minmax(180px,.7fr) minmax(0,1.4fr) minmax(150px,.55fr); gap:22px; padding:24px 0; border-bottom:1px solid #24452E; align-items:start; }
.mx711-promociones .bonos-etiqueta { color:#D6A72A; font-weight:800; }
@media(max-width:820px){.mx711-promociones .bonos-carrusel{grid-template-columns:1fr}.mx711-promociones .bonos-matriz article{grid-template-columns:1fr;gap:8px}}
@media (prefers-reduced-motion: reduce) { .mx711-promociones *, .mx711-promociones *::before, .mx711-promociones *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media (max-width: 860px) {
  .mx711-promociones .bonos-tipos { grid-template-columns: 1fr; }
  .mx711-promociones .bonos-dupla, .mx711-promociones .bonos-escena, .mx711-promociones .bonos-cierre-interior { grid-template-columns: 1fr; }
  .mx711-promociones .bonos-portada, .mx711-promociones .bonos-fondo img { min-height: 620px; }
  .mx711-promociones .bonos-portada::after { background: linear-gradient(180deg, rgba(7,17,10,.22), rgba(7,17,10,.94) 60%, #07110A); }
  .mx711-promociones .bonos-recorrido-item { grid-template-columns: 1fr; gap: 9px; }
}
@media (max-width: 640px) {
  .mx711-promociones { font-size: 16px; }
  .mx711-promociones .bonos-marco { width: min(100% - 28px,1180px); }
  .mx711-promociones .bonos-tramo { padding: 62px 0; }
  .mx711-promociones .bonos-tramo-breve { padding: 44px 0; }
  .mx711-promociones h1 { font-size: clamp(2.2rem,12vw,3.45rem); }
  .mx711-promociones h2 { font-size: clamp(1.72rem,9vw,2.5rem); }
  .mx711-promociones .bonos-mensaje { padding: 86px 0 52px; }
  .mx711-promociones .bonos-mensaje p { font-size: 1rem; }
  .mx711-promociones .bonos-acciones { display: grid; }
  .mx711-promociones .bonos-boton, .mx711-promociones .bonos-boton-secundario, .mx711-promociones button { width: 100%; max-width: 100%; }
  .mx711-promociones .bonos-ficha { padding: 20px; }
  .mx711-promociones .bonos-cierre { padding: 58px 0; }
}