/* * Surfat — Responsive headers & body font-size * * Fluid typography con clamp(). Escala lineal entre 360px (móvil base) * y 1440px (desktop de referencia). Fuera de ese rango se fija al * mínimo / máximo. * * Encolado con prioridad 999 en wp_enqueue_scripts + dependencia de * surfat-styles para aparecer lo más tarde posible en . * * font-size y line-height llevan !important: deben ganar al CSS del * tema (Bridge + Elementor kit tienen reglas con specificity alta que * pisaban los line-heights sin !important). * * Desktop max (≥1440px): * h1 80 h2 69 h3 44 h4 34 h5 26 h6 22 p 20 * Mobile min (≤360px): * h1 36 h2 32 h3 26 h4 22 h5 18 h6 16 p 16 */ h1 { font-size: clamp(2.25rem, 1.333rem + 4.074vw, 5rem) !important; line-height: 1.15 !important; } h2 { font-size: clamp(2rem, 1.229rem + 3.426vw, 4.3125rem) !important; line-height: 1.15 !important; } h3 { font-size: clamp(1.625rem, 1.25rem + 1.667vw, 2.75rem) !important; line-height: 1.2 !important; } h4 { font-size: clamp(1.375rem, 1.125rem + 1.111vw, 2.125rem) !important; line-height: 1.25 !important; } h5 { font-size: clamp(1.125rem, 0.958rem + 0.741vw, 1.625rem) !important; line-height: 1.3 !important; } h6 { font-size: clamp(1rem, 0.875rem + 0.556vw, 1.375rem) !important; line-height: 1.3 !important; } p { font-size: clamp(1rem, 0.917rem + 0.370vw, 1.25rem) !important; line-height: 1.6 !important; }