/* Diseño «vídeo promocional»: azul marino y amarillo, tarjetas blancas redondeadas y bolas de colores.
   Se carga después de web.css y de la apariencia del panel, solo cuando en Apariencia se elige este diseño.
   No cambia la estructura de las páginas: solo colores, letra y forma de las piezas. */

body.tema-promo {
  --marino: #12296F;
  --marino-oscuro: #0B1A4D;
  --marino-claro: #1D3FA8;
  --oro: #FFC72C;
  --oro-oscuro: #F2B200;
  --oro-claro: #FFF4CC;

  --papel: #F1F3FB;
  --blanco: #FFFFFF;
  --tinta: #131B3F;
  --tinta-suave: #66719A;
  --linea: #DDE2F1;
  --guilloche: #1D3FA8;
  --guilloche-oscuro: #12296F;
  --guilloche-claro: #E6ECFA;
  --ocre: #B77A00;
  --ocre-claro: #FFF4CC;

  --letra: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --numeros: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --radio: 14px;
  --sombra: 0 1px 2px rgba(19, 27, 63, .06), 0 6px 18px rgba(19, 27, 63, .07);

  background: var(--papel);
  color: var(--tinta);
}

/* Colores de cada juego, los del vídeo */
.tema-promo .tj-navidad { --c: #D92B2B; }
.tema-promo .tj-loteria, .tema-promo .res-loteria, .tema-promo .mj-loteria,
.tema-promo .tj-nino, .tema-promo .res-nino, .tema-promo .mj-nino,
.tema-promo .res-navidad, .tema-promo .mj-navidad { --c: #1E4FC2; }
.tema-promo .mj-navidad, .tema-promo .res-navidad { --c: #D92B2B; }
.tema-promo .tj-primitiva, .tema-promo .res-primitiva, .tema-promo .mj-primitiva { --c: #17A85A; }
.tema-promo .tj-bonoloto, .tema-promo .res-bonoloto, .tema-promo .mj-bonoloto { --c: #86A01A; }
.tema-promo .tj-gordo, .tema-promo .res-gordo, .tema-promo .mj-gordo { --c: #E0303F; }
.tema-promo .tj-euromillones, .tema-promo .res-euromillones, .tema-promo .mj-euromillones { --c: #1B3FB5; }
.tema-promo .tj-eurodreams, .tema-promo .res-eurodreams, .tema-promo .mj-eurodreams { --c: #8B5CF6; }
.tema-promo .tj-quiniela, .tema-promo .res-quiniela, .tema-promo .mj-quiniela { --c: #D9342B; }
.tema-promo .tj-quinigol, .tema-promo .res-quinigol, .tema-promo .mj-quinigol { --c: #0E9550; }
.tema-promo .tarjeta-juego { --tj-texto: var(--tinta); --tj-importe: var(--tinta); }

/* ---------------------------------------------------------- textos */
.tema-promo h1, .tema-promo h2, .tema-promo h3, .tema-promo legend { font-weight: 800; letter-spacing: -.015em; }
.tema-promo h1 { font-size: clamp(1.7rem, 3.2vw, 2.3rem); }
.tema-promo a { color: var(--guilloche); }
.tema-promo :focus-visible { outline-color: var(--oro-oscuro); }
.tema-promo .volver { font-weight: 700; }

/* ---------------------------------------------------------- cabecera */
.tema-promo .cabecera-web { background: linear-gradient(180deg, #16318A, var(--marino)); border-bottom: 0; color: #fff; }
.tema-promo .logo { color: #fff; gap: .7rem; }
.tema-promo .logo-numero {
  display: grid; place-items: center; width: 2.9rem; height: 2.9rem; padding: 0; border-radius: 50%;
  font-size: 1.25rem; font-weight: 800; letter-spacing: -.02em; color: var(--marino);
  background: radial-gradient(circle at 32% 26%, #FFE58A 0 18%, var(--oro) 55%, var(--oro-oscuro) 100%);
  box-shadow: 0 2px 10px rgba(255, 199, 44, .35);
}
.tema-promo .logo-texto { font-weight: 800; font-size: 1.45rem; letter-spacing: -.02em; }
.tema-promo .logo-texto small { font-weight: 500; font-size: .78rem; letter-spacing: 0; color: #B9C6EE; }
.tema-promo .cuenta-cabecera > a:not(.boton) { color: #fff; font-weight: 600; }
.tema-promo .cuenta-cabecera > a:not(.boton):hover { color: var(--oro); }
.tema-promo .cuenta-cabecera > a[href$="/entrar/"],
.tema-promo .cuenta-cabecera .boton-secundario {
  background: rgba(255, 255, 255, .14); color: #fff; border-color: transparent; border-radius: 999px; padding: .5rem 1.1rem; font-weight: 700;
}
.tema-promo .cuenta-cabecera > a[href$="/entrar/"]:hover,
.tema-promo .cuenta-cabecera .boton-secundario:hover { background: rgba(255, 255, 255, .24); color: #fff; }
.tema-promo .saldo-cabecera strong { color: var(--oro); font-weight: 800; }
.tema-promo .contador { background: var(--oro); color: var(--marino); }

/* ---------------------------------------------------------- botones y avisos */
.tema-promo .boton { border-radius: 999px; font-weight: 700; padding: .55rem 1.3rem; }
.tema-promo .boton-principal { background: var(--oro); color: var(--tinta); font-weight: 800; box-shadow: 0 2px 0 rgba(183, 122, 0, .25); }
.tema-promo .boton-principal:hover { background: var(--oro-oscuro); color: var(--tinta); }
.tema-promo .boton-secundario { background: var(--guilloche-claro); color: var(--marino); border-color: transparent; }
.tema-promo .boton-secundario:hover { background: #D6E0F8; border-color: transparent; }
.tema-promo .enlace { color: var(--guilloche); }
.tema-promo .aviso { border-left-width: 0; border-radius: var(--radio); background: var(--guilloche-claro); }
.tema-promo .aviso-error { background: #FDE4E2; }
.tema-promo .aviso-warning { background: var(--oro-claro); }
.tema-promo .aviso-info { background: #E9EDF8; }
.tema-promo .aviso-success { background: #DDF5E7; }

/* ---------------------------------------------------------- cajas y formularios */
.tema-promo .caja-lateral, .tema-promo .bloque-cuenta, .tema-promo .seccion-penas, .tema-promo .blog-tarjeta,
.tema-promo .sorteo-tarjeta, .tema-promo .caja-abono, .tema-promo .pena {
  border: 0; border-radius: 20px; box-shadow: var(--sombra);
}
.tema-promo .caja-lateral { padding: 1.15rem; }
.tema-promo input[type="text"], .tema-promo input[type="email"], .tema-promo input[type="password"], .tema-promo input[type="number"],
.tema-promo input[type="date"], .tema-promo input[type="tel"], .tema-promo select, .tema-promo textarea {
  border: 1.5px solid #CCD4EA; border-radius: 12px;
}
.tema-promo input:focus, .tema-promo select:focus, .tema-promo textarea:focus { border-color: var(--guilloche); }
.tema-promo .opcion { border: 1.5px solid #CCD4EA; border-radius: 12px; }
.tema-promo .opcion:has(input:checked) { border-color: var(--guilloche); background: var(--guilloche-claro); }
.tema-promo .buscador input { border: 2px solid var(--marino); border-radius: 14px; font-weight: 800; letter-spacing: .12em; }
.tema-promo .buscador input::placeholder { color: #B6BFDA; font-weight: 600; }
.tema-promo table { border-radius: var(--radio); }
.tema-promo .estado { background: #E9EDF8; }

/* ---------------------------------------------------------- portada */
.tema-promo.es-portada { background: linear-gradient(180deg, var(--marino) 0, var(--marino) 9rem, var(--papel) 9rem); }
.tema-promo.es-portada .cabecera-web { background: var(--marino); }
.tema-promo .portada-rejilla { padding-top: 1.25rem; }
.tema-promo .saldo-lateral strong { font-weight: 800; font-size: 1.7rem; }
.tema-promo .carrito-lateral:hover { color: var(--guilloche); }

.tema-promo .menu-juegos { padding: .6rem 0; }
.tema-promo .menu-juegos a { border-top: 0; margin: 0 .5rem; padding: .55rem .6rem; border-radius: 12px; }
.tema-promo .mj-punto {
  width: 1.15rem; height: 1.15rem;
  background: radial-gradient(circle at 32% 26%, #fff 0 9%, color-mix(in srgb, var(--c) 55%, #fff) 16%, var(--c) 55%, color-mix(in srgb, var(--c) 72%, #000) 100%);
}
.tema-promo .menu-juegos a { color: var(--tinta); }
.tema-promo .mj-nombre { font-weight: 700; }
.tema-promo .mj-importe { font-weight: 800; font-size: .95rem; }

.tema-promo .enlace-escanear {
  border: 1.5px solid var(--oro); border-radius: 20px; background: var(--oro-claro); padding: 1rem 1.15rem; color: var(--tinta);
}
.tema-promo .enlace-escanear strong { font-weight: 800; }
.tema-promo .enlace-escanear .suave { color: #7A6A2C; }
.tema-promo .enlace-escanear .ee-icono { border: 0; border-radius: 10px; width: 2.8rem; height: 2.8rem; background: var(--tinta); color: var(--oro); font-size: .95rem; }
.tema-promo .enlace-escanear:hover { background: #FFEDB0; }

/* Tarjeta de juego: bola a la izquierda, nombre, cuándo e importe en el centro y «Jugar» a la derecha */
.tema-promo .tarjeta-juego {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; column-gap: 1.1rem; align-items: center;
  border: 0; border-radius: 22px; padding: 1.1rem 1.25rem; box-shadow: var(--sombra); overflow: hidden;
}
.tema-promo .tarjeta-juego:not(.con-banner) { background: var(--blanco); }
.tema-promo .tarjeta-juego:hover { box-shadow: 0 2px 4px rgba(19, 27, 63, .08), 0 12px 28px rgba(19, 27, 63, .12); }
.tema-promo .tj-cabecera, .tema-promo .tj-cuerpo { display: contents; }
.tema-promo .tj-icono {
  grid-column: 1; grid-row: 1 / span 3; width: 4rem; height: 4rem; font-size: 1.6rem; font-weight: 800; color: #fff;
  background: radial-gradient(circle at 32% 26%, #fff 0 7%, color-mix(in srgb, var(--c) 45%, #fff) 14%, var(--c) 52%, color-mix(in srgb, var(--c) 68%, #000) 100%);
  box-shadow: 0 6px 12px color-mix(in srgb, var(--c) 30%, transparent), inset 0 -4px 8px rgba(0, 0, 0, .14);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
}
.tema-promo .tj-nombre {
  grid-column: 2; grid-row: 1; align-self: end; padding: 0; font-size: 1.12rem; font-weight: 800; text-transform: none; letter-spacing: -.01em; line-height: 1.2;
  color: var(--tinta);
}
.tema-promo .tj-cuando { grid-column: 2; grid-row: 2; padding: 0; margin: 0; color: var(--tinta-suave); font-weight: 600; font-size: .95rem; white-space: normal; }
.tema-promo .tj-importe { grid-column: 2; grid-row: 3; align-self: start; margin-top: .15rem; }
.tema-promo .tj-importe strong { font-weight: 800; font-size: clamp(1.6rem, 3vw, 2.15rem); letter-spacing: -.03em; color: var(--tinta); }
.tema-promo .tj-importe span { color: var(--tinta-suave); font-weight: 600; font-size: .95rem; }
.tema-promo .tj-importe .tj-lema { font-size: clamp(1.3rem, 2.4vw, 1.6rem); color: var(--tinta); }
.tema-promo .tj-destacada .tj-importe strong { font-size: clamp(1.8rem, 3.6vw, 2.5rem); }
.tema-promo .tj-accion { grid-column: 3; grid-row: 1 / span 3; gap: .4rem; }
.tema-promo .tj-jugar {
  min-width: 6.2rem; padding: .7rem 1.4rem; border-radius: 999px; background: var(--oro); color: var(--tinta);
  font-weight: 800; font-size: 1.02rem; text-transform: none; letter-spacing: 0; box-shadow: 0 2px 0 rgba(183, 122, 0, .25);
}
.tema-promo .tj-jugar:hover { filter: none; background: var(--oro-oscuro); }
.tema-promo .tj-hasta { font-style: normal; font-size: .78rem; color: var(--tinta-suave); white-space: nowrap; }
.tema-promo .tj-pie { grid-column: 1 / -1; grid-row: 4; margin-top: .85rem; padding-top: .7rem; border-top: 1px solid var(--linea); font-size: .88rem; color: var(--tinta-suave); }
.tema-promo .tj-otras a { display: inline-block; margin: .1rem 0 .1rem .35rem; padding: .1rem .6rem; border-radius: 999px; background: var(--guilloche-claro); color: var(--marino); font-weight: 700; text-decoration: none; }
.tema-promo .tj-otras a:hover { background: #D6E0F8; }

/* Navidad: misma tarjeta que las demás, con su bola roja y un filo dorado */
.tema-promo .tj-navidad { --oro: #FFC72C; color: var(--tinta); box-shadow: var(--sombra), inset 0 0 0 2px var(--oro); }
.tema-promo .tj-navidad:not(.con-banner) { background: linear-gradient(120deg, #FFFBEA, #FFFFFF 55%); }
.tema-promo .tj-navidad .tj-icono { color: #fff; }
.tema-promo .tj-navidad .tj-cuando { color: var(--tinta-suave); }
.tema-promo .tj-navidad .tj-jugar { background: var(--oro); color: var(--tinta); }
.tema-promo .tj-navidad .tj-pie { border-top-color: var(--linea); }
.tema-promo .tj-navidad.banner-derecha .tj-hasta { background: rgba(255, 255, 255, .88); }

/* Con imagen de fondo, los textos claros que elija el personal */
.tema-promo .banner-fondo .tj-nombre, .tema-promo .banner-fondo .tj-cuando, .tema-promo .banner-fondo .tj-importe strong,
.tema-promo .banner-fondo .tj-importe span, .tema-promo .banner-fondo .tj-hasta, .tema-promo .banner-fondo .tj-pie { color: #fff; }
.tema-promo .banner-fondo .tj-pie { border-top-color: rgba(255, 255, 255, .25); }

/* ---------------------------------------------------------- resultados: bolas de colores */
.tema-promo .portada-resultados .caja-lateral { padding: 0; background: transparent; box-shadow: none; }
.tema-promo .portada-resultados .caja-lateral > h2 { margin: 0 0 .7rem .25rem; font-size: 1.2rem; }
.tema-promo.es-portada .portada-resultados .caja-lateral > h2 { color: #fff; }
.tema-promo .lista-resultados { gap: .75rem; }
.tema-promo .resultado-item, .tema-promo .resultado-item:first-child {
  border: 0; background: var(--blanco); border-radius: 20px; padding: .95rem 1rem 1rem; box-shadow: var(--sombra);
}
.tema-promo .resultado-cabecera { margin-bottom: .6rem; }
.tema-promo .resultado-cabecera strong { border-left: 0; padding-left: 0; font-weight: 800; font-size: 1.02rem; display: inline-flex; align-items: center; gap: .45rem; }
.tema-promo .resultado-cabecera strong::before { content: ""; width: .7rem; height: .7rem; border-radius: 50%; background: var(--c); flex: none; }
.tema-promo .resultado-cabecera .suave { font-size: .85rem; }
.tema-promo .bolas { gap: .35rem; }
.tema-promo .bola {
  min-width: 2.2rem; height: 2.2rem; border: 0; color: #fff; font-weight: 800; font-size: .98rem;
  background: radial-gradient(circle at 32% 24%, #fff 0 6%, color-mix(in srgb, var(--c) 40%, #fff) 14%, var(--c) 52%, color-mix(in srgb, var(--c) 72%, #000) 100%);
  box-shadow: 0 3px 6px color-mix(in srgb, var(--c) 28%, transparent);
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.tema-promo .bola small { color: rgba(255, 255, 255, .85); }
/* Complementario, reintegro, clave y sueño: en claro, para que no se confundan con la combinación */
.tema-promo .bola-comp, .tema-promo .bola-rein, .tema-promo .bola-clave, .tema-promo .bola-sueno {
  background: color-mix(in srgb, var(--c) 12%, #fff); color: var(--tinta); box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 45%, #fff); text-shadow: none;
}
.tema-promo .bola-comp small, .tema-promo .bola-rein small, .tema-promo .bola-clave small, .tema-promo .bola-sueno small { color: var(--tinta-suave); }
.tema-promo .bola-estrella {
  color: var(--tinta); text-shadow: none;
  background: radial-gradient(circle at 32% 24%, #fff 0 6%, #FFE99A 14%, var(--oro) 55%, var(--oro-oscuro) 100%);
  box-shadow: 0 3px 6px rgba(242, 178, 0, .3);
}
.tema-promo .bola-signo, .tema-promo .bola-pleno, .tema-promo .bola-decimo, .tema-promo .bola-joker, .tema-promo .bola-millon {
  background: color-mix(in srgb, var(--c) 10%, #fff); color: var(--tinta); text-shadow: none;
  box-shadow: inset 0 0 0 1.5px color-mix(in srgb, var(--c) 40%, #fff); border-radius: 8px;
}
.tema-promo .bola-joker small, .tema-promo .bola-millon small, .tema-promo .bola-pleno small { color: var(--tinta-suave); }
.tema-promo .bola-decimo { font-size: 1.15rem; letter-spacing: .05em; }
.tema-promo .resultado-desplegable > summary { margin: 0; padding: 0; border-radius: 12px; }
.tema-promo .resultado-desplegable > summary:hover { background: transparent; }
.tema-promo .resultado-flecha { background: var(--guilloche-claro); color: var(--marino); }
.tema-promo .resultado-ver { margin-top: .65rem; padding: .25rem .8rem; border-radius: 999px; background: var(--guilloche-claro); color: var(--marino); font-weight: 700; }
.tema-promo .bote-texto { color: var(--guilloche); }
.tema-promo .tabla-premios-resultado td.num { font-weight: 800; }

/* ---------------------------------------------------------- décimos: papel crema y número granate, como en el vídeo */
.tema-promo .billete, .tema-promo .linea-carrito, .tema-promo .mi-decimo { border-radius: 0 16px 16px 0; box-shadow: var(--sombra); border-color: transparent; }
.tema-promo .billete:not(.billete-terminal), .tema-promo .linea-carrito:not(.linea-terminal), .tema-promo .mi-decimo:not(.linea-terminal) {
  background: linear-gradient(180deg, #FFF8E1, #FFFDF4); border-color: #F0DDA0;
}
.tema-promo .billete:not(.billete-terminal)::before, .tema-promo .linea-carrito:not(.linea-terminal)::before, .tema-promo .mi-decimo:not(.linea-terminal)::before {
  background: radial-gradient(circle at 0 50%, var(--papel) 3px, #E0B93B 3.5px) 0 0 / 7px 11px repeat-y;
}
.tema-promo .billete-numero { font-weight: 800; letter-spacing: .04em; font-size: 2.1rem; }
.tema-promo .billete:not(.billete-terminal) .billete-numero, .tema-promo .linea-carrito:not(.linea-terminal) .billete-numero,
.tema-promo .mi-decimo:not(.linea-terminal) .billete-numero { color: #9A1B1B; }
.tema-promo .billete-nota { color: var(--guilloche); }
.tema-promo .linea-precio, .tema-promo .totales dd { font-weight: 800; }
.tema-promo .cabecera-sorteo h1 { font-size: clamp(1.9rem, 4vw, 2.6rem); }

/* Resguardos de terminal: siguen en azul */
.tema-promo .billete-terminal, .tema-promo .linea-terminal { border-color: #C9D8F2; }
.tema-promo .boton-terminal, .tema-promo .formulario-terminal .boton-principal { color: #fff; box-shadow: none; }
.tema-promo .boton-terminal:hover, .tema-promo .formulario-terminal .boton-principal:hover { color: #fff; }
.tema-promo .pestanas-sorteo a { border-radius: 14px 14px 0 0; font-weight: 700; }
.tema-promo .pestanas-sorteo a[aria-current="page"] { color: var(--marino); }
.tema-promo .nota-terminal { border-left: 0; }

/* ---------------------------------------------------------- mi cuenta */
.tema-promo .cuenta-menu a { border-radius: 12px; font-weight: 600; }
.tema-promo .cuenta-menu a:hover { background: var(--guilloche-claro); }
.tema-promo .cuenta-menu a[aria-current="page"] { background: var(--marino); color: #fff; font-weight: 700; }
.tema-promo .saldo-caja { background: linear-gradient(135deg, #1B3A9C, var(--marino-oscuro)); border-radius: 22px; }
.tema-promo .saldo-caja .suave { color: #B9C6EE; }
.tema-promo .saldo-importe { font-weight: 800; color: var(--oro); letter-spacing: -.03em; }
.tema-promo .positivo { color: #0E8A4A; }

/* ---------------------------------------------------------- pantalla del boleto: las rejillas de números conservan su letra estrecha */
.tema-promo .pantalla-boleto { --numeros: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif; }

/* ---------------------------------------------------------- pie, mayoría de edad y cookies */
.tema-promo .pie { background: linear-gradient(180deg, var(--marino), var(--marino-oscuro)); color: #DCE3F7; }
.tema-promo .pie a, .tema-promo .pie-legal a, .tema-promo .pie-legal button { color: var(--oro); }
.tema-promo .pie .suave { color: #9FAEDD; }
.tema-promo .mas18 { font-weight: 800; font-size: 1.15rem; }
.tema-promo .aviso-edad { background: rgba(11, 26, 77, .92); }
.tema-promo .aviso-edad-panel { border-top: 0; border-radius: 26px; }
.tema-promo .aviso-edad-sello { border-color: var(--oro); font-weight: 800; font-size: 1.5rem; }
.tema-promo .aviso-cookies { border-top-color: var(--oro); }

/* ---------------------------------------------------------- móvil */
@media (max-width: 760px) {
  .tema-promo.es-portada { background: var(--papel); }
  .tema-promo.es-portada .portada-resultados .caja-lateral > h2 { color: var(--tinta); }
  .tema-promo .logo-numero { width: 2.5rem; height: 2.5rem; font-size: 1.1rem; }
  .tema-promo .logo-texto { font-size: 1.3rem; }
  .tema-promo .logo-texto small { display: none; }
  .tema-promo .cabecera-fila { min-height: 4rem; gap: .35rem .75rem; }
  .tema-promo .cuenta-cabecera { gap: .7rem; flex-wrap: nowrap; font-size: .95rem; white-space: nowrap; }
  .tema-promo .cuenta-cabecera { gap: .45rem; }
  .tema-promo .cuenta-cabecera .saldo-cabecera, .tema-promo .cuenta-cabecera .carrito-cabecera { margin-right: .25rem; }
  .tema-promo .cuenta-cabecera .boton, .tema-promo .cuenta-cabecera > a[href$="/entrar/"] { min-height: 2.3rem; padding: .4rem .75rem; font-size: .9rem; }
  /* Tarjeta: el «hasta cuándo» baja a su propia línea para dejar sitio al importe */
  .tema-promo .tarjeta-juego { padding: 1rem; column-gap: .7rem; border-radius: 20px; }
  .tema-promo .tj-accion { display: contents; }
  .tema-promo .tj-icono { width: 3.1rem; height: 3.1rem; font-size: 1.3rem; }
  .tema-promo .tj-nombre { font-size: 1.02rem; padding: 0; }
  .tema-promo .tj-cuando { padding: 0; margin: 0; white-space: normal; }
  .tema-promo .tj-importe strong { font-size: clamp(1.2rem, 5.6vw, 1.6rem); white-space: nowrap; }
  .tema-promo .tj-importe span { display: block; margin: .1rem 0 0; font-size: .85rem; }
  .tema-promo .tj-importe .tj-lema { font-size: 1.15rem; white-space: normal; }
  .tema-promo .tj-destacada .tj-importe strong { font-size: clamp(1.3rem, 6.2vw, 1.75rem); }
  .tema-promo .tj-jugar { grid-column: 3; grid-row: 1 / span 3; min-width: 0; padding: .6rem 1.05rem; font-size: .98rem; }
  .tema-promo .tj-hasta { grid-column: 2 / -1; grid-row: 4; margin-top: .35rem; font-size: .78rem; white-space: normal; }
  .tema-promo .tj-pie { grid-row: 5; margin-top: .6rem; }
  .tema-promo .billete-numero { font-size: 1.9rem; }
}

/* Chat con el mostrador */
.tema-promo .chat-boton { background: #FFC72C; color: #131B3F; }
.tema-promo .chat-boton:hover { background: #F2B200; }
.tema-promo .chat-cabecera, .tema-promo .chat-mio { background: #12296F; }