/* 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main h1:not(.t26-oculto), html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26s-perfil h1 { font-size: 28px !important; } /* --- 24 px: TODOS los títulos de sección iguales --- */ html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26-pt-h2, .t26-dia):not(#z1#z2) { text-transform: lowercase !important; } html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26-pt-h2, .t26-dia):not(#z1#z2)::first-letter { text-transform: uppercase !important; } /* --- ficha de fiesta: claim y antetítulos --- */ html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26-ficha__ed { font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; } html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26-ficha__tx > .t26-ficha__cab > span:not(.t26-et), html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26-ntf__texto :is(p, li) { font-size: 16px !important; line-height: 1.6 !important; } html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26-ntf__texto :is(h2, h3, h4) { font-size: 20px !important; line-height: 1.3 !important; font-weight: 700 !important; } html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26-ntf__kicker { font-size: 13px !important; letter-spacing: 1.2px !important; } html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26-ntf__quien) { font-size: 16px !important; } /* --- 16 px: nombre en tarjetas, igual en fiestas, noticias y productos --- */ html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26s-texto, .t26s-card__quien b) { font-size: 15px !important; } /* --- 11 px: rótulos en gris, todos iguales --- */ html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26co-p__pr { font-size: 16px !important; font-weight: 700 !important; } html body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main :is(.t26co-comprar, .t26-ft .t26-entradas) svg { width: 13px !important; height: 13px !important; } html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) 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 body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26-ft:has(.t26co-acc) { flex-direction: column !important; } html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26co-acc { margin-top: auto !important; padding-top: 12px !important; width: 100% !important; } html.t26-mosaico body:not(#q1#q2#q3#q4#q5#q6#q7#q8#q9#q10#q11#q12#q13#q14#q15#q16#q17#q18#q19#q20) main .t26co-acc .t26co-comprar { width: 100% !important; justify-content: center !important; }