/* 19-10-2026 (Alberto): TIPOGRAFÍA UNIFICADA en las 4 partes (Agenda, Noticias, Social, Compras) y sus fichas,
 * siguiendo la norma de Facebook y TikTok. Una sola fuente (Plus Jakarta Sans) y una sola escala:
 *   28 px  título de página y de ficha (fiesta, DJ/club, noticia, producto, perfil)
 *   24 px  título de sección (Recomendados, Destacados, Lo último, Lunes 19 de octubre, Hoy 19 oct, Relacionadas…)
 *   20 px  subtítulos dentro de una noticia
 *   18 px  claim de la ficha de fiesta
 *   16 px  nombre en tarjetas (fiesta, noticia, producto) y texto de lectura (noticia, biografía, descripción)
 *   15 px  texto normal (Social)
 *   13 px  antetítulos en rojo (CRÓNICA ·, DJ…)
 *   11 px  rótulos en gris (Line-up, Biografía, Dress code…), fechas y etiquetas de género
 * El carrusel grande de la portada NO se toca.
 * Para deshacerlo: archivar inc/modulos/tipografia.php *//* --- una sola fuente en todo, también en precios y botones de la tienda --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(h1, h2, h3, h4, p, a, span, button, input, select, textarea, s, em, strong, b, dt, dd, li, label){ font-family: "Plus Jakarta Sans", Helvetica, Arial, sans-serif !important; }/* --- 28 px: título de página y de ficha (sin mayúsculas forzadas, como FB / TikTok) --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main h1:not(.t26-oculto),html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-ficha__t, .t26-ntf__t){ font-size: 28px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.5px !important; text-transform: none !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26s-perfil h1{ font-size: 28px !important; }/* --- 24 px: TODOS los títulos de sección iguales --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-crs__h2, .t26-pt-h2, .t26-dia, .t26-seccion__t, .t26-barra__t, .t26-sec__cab h2, .t26-sec__cab h2 *){ font-size: 24px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.5px !important; text-transform: none !important; }/* los que vienen escritos en mayúsculas («LUNES 19 DE OCTUBRE», «HOY, 19 OCT»): en minúsculas con la primera en mayúscula */

html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-pt-h2, .t26-dia){ text-transform: lowercase !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-pt-h2, .t26-dia)::first-letter{ text-transform: uppercase !important; }/* --- ficha de fiesta: claim y antetítulos --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ficha__ed{ font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ficha__tx > .t26-ficha__cab > span:not(.t26-et),html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ficha__tx > span:first-child{ font-size: 13px !important; letter-spacing: 1.2px !important; }/* --- noticia: texto de lectura 16 px, subtítulos 20 px --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ntf__texto :is(p, li){ font-size: 16px !important; line-height: 1.6 !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ntf__texto :is(h2, h3, h4){ font-size: 20px !important; line-height: 1.3 !important; font-weight: 700 !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ntf__kicker{ font-size: 13px !important; letter-spacing: 1.2px !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-ntf__quien){ font-size: 16px !important; }/* --- 16 px: nombre en tarjetas, igual en fiestas, noticias y productos --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-ft__t, .t26-nt__t, .t26-ntl__t, .t26-pt-nt__t, .t26-ntf-mini__t, .t26co-p__t){ font-size: 16px !important; line-height: 1.25 !important; font-weight: 700 !important; letter-spacing: -.1px !important; }/* --- 15 px: texto normal de Social (como Facebook) --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26s-texto, .t26s-card__quien b){ font-size: 15px !important; }/* --- 11 px: rótulos en gris, todos iguales --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-et-sec, .t26-ficha dt, .t26s-tit, .t26-ntf__h, .t26-rrss__n){ font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.2px !important; text-transform: uppercase !important; }/* --- 11 px: fechas y etiquetas de género (antes 9-10 px, ilegibles) --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-et, .t26-pil--s, .t26-ft .t26-pil, .t26-ficha .t26-pil){ font-size: 11px !important; }/* --- antetítulos rojos de noticias, todos iguales --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-nt__meta, .t26-pt-nt__meta, .t26-ntf-mini__meta){ font-size: 11px !important; letter-spacing: 1px !important; }/* --- precios: nuestra fuente; 16 px en tarjeta y 24 px en la ficha --- */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26co-p__pr{ font-size: 16px !important; font-weight: 700 !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26tf-p__pr{ font-size: 24px !important; font-weight: 800 !important; }/* 19-10 (Alberto): SIN SALTOS al pasar de Noticias / Agenda / Compras a Social:
 *  - la barra de iconos de Social empieza a la misma altura que la del resto (antes 22 px más abajo);
 *  - siempre se reserva el hueco de la barra de desplazamiento, para que la cabecera no se mueva en páginas cortas. */


html{ scrollbar-gutter: stable; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main.t26-main.t26s{ max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding: var(--t26-margen) !important; padding-top: 0 !important; }/* mismos márgenes laterales que el resto de la web */ 
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main.t26-main.t26s > .t26s-lay > .t26s-barra{ padding-top: 22.5px !important; padding-bottom: 22.5px !important; }/* 19-10 (Alberto): el nombre del CLUB en «Dónde» de la ficha de fiesta, igual que el apellido de la fiesta (18 px, sin rojo ni mayúsculas); rojo solo al pasar el ratón */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26-donde__club, .t26-donde__club a){ font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: inherit !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-donde__club a:hover{ color: #e40613 !important; }/* 19-10 (Alberto): MOSAICO de 8 por fila en pantalla grande (agenda, compras…), como las rejillas de Social; menos al estrechar */


html.t26-mosaico:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-lista .t26-fiestas{ grid-template-columns: repeat(auto-fill, minmax(min(160px, 46%), 1fr)) !important; column-gap: 14px !important; }/* 19-10 (Alberto): botón COMPRAR más pequeño en toda la web y con aire encima en el mosaico */


html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26co-comprar, .t26-ft .t26-entradas){ height: 30px !important; min-height: 30px !important; padding: 0 14px !important; font-size: 10px !important; letter-spacing: 1px !important; gap: 6px !important; }
html:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main :is(.t26co-comprar, .t26-ft .t26-entradas) svg{ width: 13px !important; height: 13px !important; }
html.t26-mosaico:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26co-acc{ margin-top: 12px !important; }/* 19-10 (Alberto): mosaico de Compras estilo Amazon: botón a todo el ancho y alineado abajo */


html.t26-mosaico:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26-ft:has(.t26co-acc){ flex-direction: column !important; }
html.t26-mosaico:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26co-acc{ margin-top: auto !important; padding-top: 12px !important; width: 100% !important; }
html.t26-mosaico:not(#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_#_) body main .t26co-acc .t26co-comprar{ width: 100% !important; justify-content: center !important; }
