/*
 * Bloques nuevos de las páginas de Lotería de Navidad y del Niño (landing, número y terminación; 17/10/2026): el texto de la página,
 * «¿Ha tocado el 79432?», el historial de una terminación, premios bruto/neto, Gordos, «Más sobre...», «Elige tu terminación», los
 * números de una terminación y los enlaces a los décimos.
 *
 * 17/10/2026 (tarde, regla del usuario): la rejilla de décimos y el buscador se quedan con su estilo; estos bloques llevan el diseño
 * de las páginas de resultados (/bonoloto-resultados/dia-16-10-2026/). Por eso la página carga pl-resultados.css y los bloques van
 * dentro de <div class="pl-res pl-res--incrustado pl-loteria"> con sus clases (pl-card, pl-card-titulo, pl-tabla, pl-chips,
 * pl-boton-sec, pl-nota, pl-res-respuesta). Aquí solo lo que es propio de la lotería. Sustituye a la versión de la mañana, que copiaba
 * los títulos con barra naranja (titulosOngs), los párrafos parrafos-PLA y las barras moradas.
 * Se carga desde Web/Loteria/loteria_todos_numeros.aspx con ?v= (súbelo si cambias algo aquí: la caché es larga).
 */

/* ---------------------------------------------------------------- Contenedor dentro de la rejilla de bootstrap */
.pl-res.pl-loteria { margin: 24px 0 8px; }
.pl-res.pl-loteria:empty { display: none; }

/* ---------------------------------------------------------------- Texto de la página (número o terminación) */
.pl-res .pl-seo-intro .pl-res-respuesta { margin: 0; }
.pl-res .pl-seo-intro .pl-card-titulo + .pl-res-respuesta { margin-top: 0; }
/* El texto SEO de la base de datos (C_Cargar_SEO_Numero): viene con sus propias etiquetas y clases antiguas */
.pl-res .pl-seo-bd { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--pl-borde); }
.pl-res .pl-seo-bd h2, .pl-res .pl-seo-bd h3, .pl-res .pl-seo-bd h4 {
    font-family: inherit;
    font-size: 17px !important;
    line-height: 1.3 !important;
    font-weight: 900 !important;
    color: var(--pl-tinta) !important;
    text-transform: none !important;
    text-align: left !important;
    background: none !important;
    margin: 16px 0 8px !important;
}
.pl-res .pl-seo-bd h2:first-child, .pl-res .pl-seo-bd h3:first-child { margin-top: 0 !important; }
.pl-res .pl-seo-bd h2::after, .pl-res .pl-seo-bd h2::before, .pl-res .pl-seo-bd .separator-title { display: none !important; }
.pl-res .pl-seo-bd p, .pl-res .pl-seo-bd li, .pl-res .pl-seo-bd span {
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: var(--pl-tinta-2) !important;
    text-align: left !important;
}
.pl-res .pl-seo-bd p { margin: 0 0 10px; padding: 0; max-width: 75ch; }
.pl-res .pl-seo-bd a { color: var(--pl-tinta) !important; font-weight: 700; }

/* ---------------------------------------------------------------- Historial, premios, Gordos, «Más sobre...» (ComunW: section.pl-card.pl-hist) */
.pl-res .pl-hist p { margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: var(--pl-tinta-2); text-align: left; max-width: 75ch; }
.pl-res .pl-hist p.pl-nota, .pl-res .pl-hist .pl-hist-nota { margin: 16px 0 0; font-size: 13px; line-height: 1.5; color: var(--pl-suave); }
.pl-res .pl-hist .pl-hist-resumen { font-size: 17px; color: var(--pl-tinta); }
.pl-res .pl-hist h3 {
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--pl-suave);
    text-align: left;
    margin: 20px 0 8px !important;
}
.pl-res .pl-hist a { color: var(--pl-tinta); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--pl-borde); }
.pl-res .pl-hist a:hover { border-bottom-color: var(--pl-tinta); color: var(--pl-tinta); text-decoration: none; }
.pl-res .pl-hist ul.pl-hist-lista { list-style: none; margin: 0 0 12px; padding: 0; }
.pl-res .pl-hist ul.pl-hist-lista li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid var(--pl-borde);
    background: none;
    font-size: 16px;
    line-height: 1.5;
    color: var(--pl-tinta-2);
    text-align: left;
}
.pl-res .pl-hist ul.pl-hist-lista li:last-child { border-bottom: 0; }
.pl-res .pl-hist .pl-hist-vecinas { margin: 12px 0 0; font-size: 15px; }
.pl-res .pl-hist.pl-hist-confianza { background: #f8fafc; }
/* Tablas (pl-tabla): el texto a la izquierda y solo los importes a la derecha (pl-tabla alinea a la derecha de la 2.ª columna en adelante) */
.pl-res table.pl-tabla.pl-hist-tabla th,
.pl-res table.pl-tabla.pl-hist-tabla td { text-align: left !important; vertical-align: top; }
.pl-res table.pl-tabla.pl-hist-tabla td.pl-hist-importe,
.pl-res table.pl-tabla.pl-hist-tabla th:last-child,
.pl-res table.pl-tabla.pl-hist-tabla:has(tbody td:nth-child(2).pl-hist-importe) th:nth-child(2) { text-align: right !important; }
.pl-res table.pl-tabla.pl-hist-tabla td { font-weight: 400; color: var(--pl-tinta-2); }
.pl-res table.pl-tabla.pl-hist-tabla td.pl-hist-importe { font-weight: 700; color: var(--pl-tinta); white-space: nowrap; font-variant-numeric: tabular-nums; }
.pl-res table.pl-tabla.pl-hist-tabla td a { font-weight: 700; }

/* ---------------------------------------------------------------- «Elige tu terminación»: chips en varias líneas */
.pl-res .pl-chips.pl-chips--envolver { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0; }
.pl-res .pl-chips--envolver a, .pl-res .pl-chips--envolver span { padding: 8px 16px; font-size: 15px; }
.pl-res .pl-card .pl-res-enlaces { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--pl-borde); }

/* ---------------------------------------------------------------- «Décimos acabados en 32 a la venta»: rejilla de botones */
.pl-res ul.pl-botonera {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
}
.pl-res ul.pl-botonera li { margin: 0; padding: 0; background: none; }
.pl-res ul.pl-botonera .pl-boton-sec {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    height: 100%;
    min-height: 52px;
    padding: 6px 8px;
    border-radius: var(--pl-radio);
    font-size: 17px;
    letter-spacing: .04em;
    font-variant-numeric: tabular-nums;
    white-space: normal;
    line-height: 1.2;
}
.pl-res ul.pl-botonera .pl-quedan { display: block; font-size: 12px; font-weight: 400; letter-spacing: 0; color: var(--pl-suave); }

/* ---------------------------------------------------------------- Móvil */
@media (max-width: 979px) {
    .pl-res ul.pl-botonera { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
    .pl-res.pl-loteria { margin: 16px 0 4px; }
    .pl-res .pl-hist p { font-size: 15px; }
    .pl-res .pl-hist .pl-hist-resumen { font-size: 16px; }
    .pl-res .pl-chips.pl-chips--envolver { margin: 0; padding: 0; gap: 6px; }
    .pl-res .pl-chips--envolver a, .pl-res .pl-chips--envolver span { padding: 7px 12px; font-size: 14px; }
    .pl-res .pl-seo-bd p, .pl-res .pl-seo-bd li, .pl-res .pl-seo-bd span { font-size: 15px !important; }
}
@media (max-width: 767px) {
    .pl-res ul.pl-botonera { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
    .pl-res ul.pl-botonera .pl-boton-sec { font-size: 15px; min-height: 48px; }
}

/* ---------------------------------------------------------------- Lo primero, el número (17/10/2026, regla del usuario)
 * Debajo del buscador van directamente los décimos: fuera los 40 px arriba y abajo de .cubo-search (screen.css), que con los márgenes
 * de las secciones dejaban un hueco blanco de ~80 px. En móvil .cubo-search ya no lleva margen. */
.pl-buscador-loteria .cubo-search { margin-top: 20px; margin-bottom: 0; }
@media (max-width: 767px) {
    .pl-buscador-loteria .cubo-search { margin-top: 0; }
}

/* Tableta (768-991): la rejilla de 3 columnas dejaba décimos de ~240 px, con el número montado sobre el texto del décimo y «AÑADIR A
 * LA CESTA» saliéndose de la tarjeta; a 2 columnas. En la cabecera morada, col-sm-12 + col-sm-offset-1 se salía 64 px por la derecha
 * y el bote, en un tercio, partía «2.870.000.000 €» en dos líneas. */
@media (min-width: 768px) and (max-width: 991px) {
    .pl-rejilla-decimos > .row > .col-sm-4 { width: 50%; }
    .block-game .col-sm-12.col-sm-offset-1 { margin-left: 0; }
    .block-game .container > .col-sm-4:not(#DivEspecial) { width: 50%; }
}
/* 18/10/2026: la fila «en cesta» de la tarjeta del décimo (antes, aquí, «EN CESTA [0] − +» en una línea de 768 a 1199) va ahora en
 * pl-decimos-ws.css, con el estilo de las webs sociales. */
/* La cabecera fija del móvil (screen.css: .home .main-zone fixed en dispositivos de 320-812 px en vertical) tapaba el H1: la cabecera
 * morada solo baja 80 px por debajo de 480 px. Entre 768 y 812 la del master pinta además la barra de escritorio (hasta ~150 px). */
@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (orientation: portrait) {
    .block-game { padding-top: 80px; }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 812px) and (orientation: portrait) {
    .block-game { padding-top: 150px; }
}

/* ---------------------------------------------------------------- Fuente de reserva con las medidas de Lato (CLS, 18/10/2026)
 * Lato llega de Google Fonts (master, sin display=swap): hasta que se descarga, el texto se maqueta con la fuente de reserva y, al
 * llegar Lato, cambian los altos. En la cabecera morada el H1 «LOTERÍA DE NAVIDAD» (28 px, negrita) iba en DOS líneas con Times
 * New Roman (la cabecera solo decía font-family: Lato) y en una con Lato: 24 px de salto del buscador y de la rejilla en escritorio;
 * en el móvil, «Buscar número o terminación favorita» (Segoe UI Black) partía en dos líneas. «PL Lato reserva» es Arial (o sus
 * equivalentes métricos) escalada a los anchos de Lato (size-adjust medido con canvas sobre los textos de la página: regular 0,96-0,99,
 * negrita 0,95-0,96, black frente a Arial negrita 0,95) y con su ascendente/descendente (Lato: 0,987/0,213 del cuerpo, divididos por
 * el size-adjust). Con Lato cargada no se usa: el aspecto final no cambia. La usan la cabecera (abajo) y --dws-font
 * (pl-decimos-ws.css: buscador, rejilla y cesta). */
@font-face {
    font-family: 'PL Lato reserva';
    font-style: normal;
    font-weight: 100 599;
    src: local('Arial'), local('ArialMT'), local('Liberation Sans'), local('LiberationSans'), local('Arimo'), local('Helvetica');
    size-adjust: 97%;
    ascent-override: 101.75%;
    descent-override: 21.96%;
    line-gap-override: 0%;
}
@font-face {
    font-family: 'PL Lato reserva';
    font-style: normal;
    font-weight: 600 1000;
    src: local('Arial Bold'), local('Arial-BoldMT'), local('Liberation Sans Bold'), local('LiberationSans-Bold'), local('Arimo Bold'), local('Helvetica Bold');
    size-adjust: 95%;
    ascent-override: 103.89%;
    descent-override: 22.42%;
    line-gap-override: 0%;
}
.block-game, .block-game h1, .block-game h2, .block-game h3 { font-family: 'Lato', 'PL Lato reserva', sans-serif; }