/* ============================================================================ refine.css — Refinamiento tipográfico Luna Llena (27-jul-2026, v2) Objetivo: quitar el "look de plantilla/IA" sin cambiar de fuente. Humaniza Montserrat -> menos letter-spacing, sin MAYÚSCULAS forzadas por CSS. Se carga al FINAL del y usa !important para ganar a los estilos inline. NO cambia colores, estructura ni fotos. Nota: en lunallena.com el texto está en mixta en el código (las clases .ll-* solo lo ponían en MAYÚSCULAS vía CSS) -> aquí se humaniza todo de golpe. ============================================================================ */ /* 1) Fuera el tracking exagerado (el mayor delator de plantilla) --------------- */ h1, h2, h3, h4, h5, h6, .nav-link, .btn, .btn-gold, .btn-outline-white, .btn-gold-outline, .btn-ghost, .btn-link-white, .ll-h2, .ll-btn, .ag-btn, .evx-go, .dg, .dest .dg, .ll-legal, .ll-hero .tag, .p-title, [class*="eyebrow"], [class*="-eyebrow"], [class*="-title"], [class*="-h"], [class*="heading"], [class*="-sub"] { letter-spacing: normal !important; } /* Un toque de tracking negativo en títulos grandes = se lee más premium */ h1 { letter-spacing: -0.5px !important; } h2 { letter-spacing: -0.2px !important; } /* 2) Quita el uppercase POR CSS en títulos, eyebrows y botones ---------------- */ /* Donde el texto ya está en mixta en el HTML (lunallena), se ve en mixta al */ /* instante. Donde está "quemado" en MAYÚSCULAS (.com.mx), esto es no-op y se */ /* corrige editando el HTML de cada página. */ h1, h2, h3, h4, h5, h6, [class*="eyebrow"], [class*="-eyebrow"], .ll-h2, .ll-btn, .ag-btn, .ag-eyebrow, .tq-age, .evx-go, .dg, .dest .dg, .ll-legal, .ll-hero .tag, .btn, .btn-gold, .btn-outline-white, .btn-ghost, .btn-link-white, .btn-light, .btn-subscribe, .btn-link { text-transform: none !important; } /* 3) Eyebrows un poco más discretos (menos "etiqueta de plantilla") ----------- */ [class*="eyebrow"], [class*="-eyebrow"], .ag-eyebrow, .tq-age { letter-spacing: 0.4px !important; } /* 4) Endurece AOS: con reduce-motion, el contenido SIEMPRE visible ------------ */ @media (prefers-reduced-motion: reduce) { [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; } }