/* =========================================================
    ARCHIVO GENERADO AUTOMÁTICAMENTE - PERSONALIZADOR MUTADOR263
    ÚLTIMA ACTUALIZACIÓN: 13-04-2026 13:12:42
    ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&display=swap');
:root {
    /* Títulos */
    --font-h: 'helvetica now', sans-serif;
    --header-weight: 400;
    --header-line-height: 1.2;
    --header-letter-spacing: 0px;
    --header-text-transform: uppercase;
    --header-margin-bottom: 0.5rem;
    
    /* Body & Párrafos */
    --font-body: 'Montserrat', sans-serif;
    --body-line-height: 1.3;
    --p-margin-bottom: 1.5rem;
    
    /* Botones */
    --btn-weight: 600;
    --btn-transform: uppercase;
    
    /* Tamaños Desktop */
    --size-h1: 3.1rem; --size-h2: 2.7rem;
    --size-h3: 2rem; --size-h4: 1.4rem;
    --size-h5: 0.9rem; --size-h6: 0.7rem;
    --body-font-size: 0.8rem;
    
    /* Nuevos tamaños Desktop */
    --btn-font-size: 1.0rem;
    --footer-p-font-size: 0.7rem;
    --nav-li-font-size: 1.0rem;
}

/* ================= APLICACIÓN DE ESTILOS ================= */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--font-h) !important;
    font-weight: var(--header-weight) !important;
    line-height: var(--header-line-height) !important;
    letter-spacing: var(--header-letter-spacing) !important;
    text-transform: var(--header-text-transform) !important;
    margin-bottom: var(--header-margin-bottom) !important;
}

h1, .h1 { font-size: var(--size-h1) !important; }
h2, .h2 { font-size: var(--size-h2) !important; }
h3, .h3 { font-size: var(--size-h3) !important; }
h4, .h4 { font-size: var(--size-h4) !important; }
h5, .h5 { font-size: var(--size-h5) !important; }
h6, .h6 { font-size: var(--size-h6) !important; }

body { 
    font-family: var(--font-body) !important;
    font-size: var(--body-font-size) !important; 
    line-height: var(--body-line-height) !important;
}

p { margin-bottom: var(--p-margin-bottom) !important; 
  font-family: var(--font-body) !important;
    font-size: var(--body-font-size) !important; 
    line-height: var(--body-line-height) !important;}

.btn { 
    font-family: var(--font-body); 
    font-weight: var(--btn-weight) !important; 
    text-transform: var(--btn-transform) !important;
    font-size: var(--btn-font-size) !important;
}

footer p {
    font-size: var(--footer-p-font-size) !important;
}

.nav-link {
    font-size: var(--nav-li-font-size) !important;
}

/* ================= MÓVIL ================= */
@media (max-width: 768px) {
    :root {
        --size-h1: 2.4rem; --size-h2: 1.8rem;
        --size-h3: 1.45rem; --size-h4: 1.3rem;
        --size-h5: 0.85rem; --size-h6: 0.5rem;
        --body-font-size: 1rem;
        
        --btn-font-size: 0.6rem;
        --footer-p-font-size: 0.65rem;
        --nav-li-font-size: 0.9rem;
    }
}

/* ================= CSS PERSONALIZADO (LIBRE) ================= */