.mx711-casino, .mx711-casino * { box-sizing: border-box; }
.mx711-casino {
  --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-casino ::selection { color: #07110A; background: var(--lime); }
.mx711-casino main, .mx711-casino section, .mx711-casino article, .mx711-casino figure, .mx711-casino img, .mx711-casino a, .mx711-casino button,
.mx711-casino h1, .mx711-casino h2, .mx711-casino h3, .mx711-casino p, .mx711-casino figcaption { max-width: 100%; }
.mx711-casino h1, .mx711-casino h2, .mx711-casino h3, .mx711-casino p, .mx711-casino a, .mx711-casino button, .mx711-casino figcaption { overflow-wrap: anywhere; }
.mx711-casino h1, .mx711-casino h2, .mx711-casino h3 { margin: 0; line-height: 1.08; letter-spacing: 0; text-wrap: balance; }
.mx711-casino h1, .mx711-casino h2 { font-family: Georgia, "Times New Roman", serif; }
.mx711-casino h1 { font-size: clamp(2.65rem, 6vw, 5.7rem); }
.mx711-casino h2 { margin-bottom: 22px; font-size: clamp(2rem, 4vw, 3.35rem); }
.mx711-casino h3 { margin-bottom: 10px; font-size: clamp(1.15rem, 2vw, 1.48rem); }
.mx711-casino p { margin: 0; color: var(--soft); }
.mx711-casino p + p { margin-top: 16px; }
.mx711-casino strong { color: #FFFFFF; font-weight: 800; }
.mx711-casino a { color: var(--lime); text-underline-offset: 4px; }
.mx711-casino a:hover { color: #FFFFFF; }
.mx711-casino a:focus-visible, .mx711-casino button:focus-visible, .mx711-casino summary:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.mx711-casino img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; }
.mx711-casino figure { margin: 0; min-width: 0; overflow: hidden; background: var(--felt); }
.mx711-casino figcaption { padding: 10px 14px 12px; color: var(--soft); font-size: .84rem; }
.mx711-casino .juegos-marco { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.mx711-casino .juegos-tramo { padding: 92px 0; }
.mx711-casino .juegos-tramo-breve { padding: 62px 0; }
.mx711-casino .juegos-portada { position: relative; min-height: 660px; display: grid; align-items: end; overflow: hidden; }
.mx711-casino .juegos-fondo { position: absolute; inset: 0; z-index: -2; }
.mx711-casino .juegos-fondo img { height: 100%; min-height: 660px; object-position: center; }
.mx711-casino .juegos-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-casino .juegos-mensaje { width: min(770px, 100%); padding: 108px 0 76px; }
.mx711-casino .juegos-mensaje p { max-width: 68ch; margin-top: 24px; color: #DDE8E0; font-size: 1.12rem; }
.mx711-casino .juegos-acciones { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mx711-casino .juegos-boton, .mx711-casino .juegos-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-casino .juegos-boton { color: #07110A; background: var(--green); box-shadow: 0 10px 28px rgba(0,0,0,.32); }
.mx711-casino .juegos-boton:hover { color: #07110A; background: var(--lime); transform: translateY(-2px); }
.mx711-casino .juegos-boton-secundario { color: var(--ink); border-color: var(--edge); background: rgba(16,32,22,.88); }
.mx711-casino .juegos-boton-secundario:hover { color: #07110A; border-color: var(--gold); background: var(--gold); transform: translateY(-2px); }
.mx711-casino .juegos-dupla, .mx711-casino .juegos-categorias, .mx711-casino .juegos-escena { display: grid; gap: 24px; }
.mx711-casino .juegos-dupla, .mx711-casino .juegos-escena { grid-template-columns: repeat(2, minmax(0,1fr)); }
.mx711-casino .juegos-categorias { grid-template-columns: repeat(3, minmax(0,1fr)); }
.mx711-casino .juegos-dupla > *, .mx711-casino .juegos-categorias > *, .mx711-casino .juegos-escena > *, .mx711-casino .juegos-acciones > * { min-width: 0; }
.mx711-casino .juegos-ficha { padding: 26px; border-radius: 8px; background: var(--felt); box-shadow: 0 22px 58px rgba(0,0,0,.34); }
.mx711-casino .juegos-linea { border-top: 1px solid var(--edge); }
.mx711-casino .juegos-imagen-ancha img { aspect-ratio: 16/9; }
.mx711-casino .juegos-imagen-tarjeta img { aspect-ratio: 4/3; }
.mx711-casino .juegos-imagen-cuadrada img { aspect-ratio: 1/1; }
.mx711-casino .juegos-imagen-movil img { aspect-ratio: 9/16; }
.mx711-casino .juegos-recorrido { display: grid; border-top: 1px solid var(--edge); }
.mx711-casino .juegos-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-casino .juegos-recorrido-item p { max-width: 72ch; }
.mx711-casino .juegos-preguntas { display: grid; gap: 10px; }
.mx711-casino .juegos-preguntas details { padding: 18px 0; border-top: 1px solid var(--edge); }
.mx711-casino .juegos-preguntas details:last-child { border-bottom: 1px solid var(--edge); }
.mx711-casino .juegos-preguntas summary { cursor: pointer; color: var(--ink); font-weight: 800; }
.mx711-casino .juegos-preguntas details p { max-width: 74ch; margin-top: 12px; }
.mx711-casino .juegos-cierre { position: relative; padding: 84px 14px; overflow: hidden; background: var(--felt-2); border-top: 1px solid var(--green); }
.mx711-casino .juegos-cierre-interior { display: grid; grid-template-columns: minmax(0,1.4fr) auto; align-items: center; gap: 34px; }
.mx711-casino .juegos-cierre-interior p { max-width: 64ch; margin-top: 16px; }
.mx711-casino .juegos-cierre-interior .juegos-boton { min-width: 210px; }

.mx711-casino .juegos-menu { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.mx711-casino .juegos-menu a { padding:9px 13px; border:1px solid #24452E; background:rgba(16,32,22,.82); text-decoration:none; }
.mx711-casino .juegos-lista { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.mx711-casino .juegos-entrada { min-width:0; background:#102016; }
.mx711-casino .juegos-entrada div { padding:17px; }
.mx711-casino .juegos-entrada p { font-size:.92rem; }
.mx711-casino .juegos-mesa { background:#D6A72A; padding:36px; border-radius:8px; }
.mx711-casino .juegos-mesa h2, .mx711-casino .juegos-mesa p, .mx711-casino .juegos-mesa strong { color:#07110A; }
@media(max-width:900px){.mx711-casino .juegos-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.mx711-casino .juegos-lista{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce) { .mx711-casino *, .mx711-casino *::before, .mx711-casino *::after { transition-duration: .01ms !important; scroll-behavior: auto !important; } }
@media (max-width: 860px) {
  .mx711-casino .juegos-categorias { grid-template-columns: 1fr; }
  .mx711-casino .juegos-dupla, .mx711-casino .juegos-escena, .mx711-casino .juegos-cierre-interior { grid-template-columns: 1fr; }
  .mx711-casino .juegos-portada, .mx711-casino .juegos-fondo img { min-height: 620px; }
  .mx711-casino .juegos-portada::after { background: linear-gradient(180deg, rgba(7,17,10,.22), rgba(7,17,10,.94) 60%, #07110A); }
  .mx711-casino .juegos-recorrido-item { grid-template-columns: 1fr; gap: 9px; }
}
@media (max-width: 640px) {
  .mx711-casino { font-size: 16px; }
  .mx711-casino .juegos-marco { width: min(100% - 28px,1180px); }
  .mx711-casino .juegos-tramo { padding: 62px 0; }
  .mx711-casino .juegos-tramo-breve { padding: 44px 0; }
  .mx711-casino h1 { font-size: clamp(2.2rem,12vw,3.45rem); }
  .mx711-casino h2 { font-size: clamp(1.72rem,9vw,2.5rem); }
  .mx711-casino .juegos-mensaje { padding: 86px 0 52px; }
  .mx711-casino .juegos-mensaje p { font-size: 1rem; }
  .mx711-casino .juegos-acciones { display: grid; }
  .mx711-casino .juegos-boton, .mx711-casino .juegos-boton-secundario, .mx711-casino button { width: 100%; max-width: 100%; }
  .mx711-casino .juegos-ficha { padding: 20px; }
  .mx711-casino .juegos-cierre { padding: 58px 0; }
}