/* =========================================================
    ARCHIVO GENERADO AUTOMÁTICAMENTE - PERSONALIZADOR MUTADOR263
    ÚLTIMA ACTUALIZACIÓN: 30-04-2026 14:50:38
    RUTA: /templates/mutador264/css
    ========================================================= */

:root {
    --font-h: "Geigy", "Times New Roman", serif;;
    --header-weight: 400;
    --header-line-height: 1.2;
    --header-letter-spacing: 0px;
    --header-text-transform: none;
    --header-margin-bottom: 0.5rem;
    --font-body: "Life", Georgia, serif;;
    --body-font-weight: 300;
    --body-line-height: 1.3;
    --p-margin-bottom: 1.5rem;
    --btn-weight: 600;
    --btn-transform: uppercase;
    --size-h1: 3.5rem; --size-h2: 1.9rem;
    --size-h3: 1.6rem; --size-h4: 1.1rem;
    --size-h5: 1rem; --size-h6: 0.7rem;
    --body-font-size: 0.9rem;
    --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;
    font-weight: var(--body-font-weight) !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;
    font-weight: var(--body-font-weight) !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; }
@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: 1.2rem;
        --btn-font-size: 0.6rem;
        --footer-p-font-size: 0.65rem;
        --nav-li-font-size: 0.9rem;
    }
}
/* ================= CSS PERSONALIZADO (LIBRE) ================= */
.btn {
    font-family: var(--mono)!important;    font-size: var(--fs-base)!important;}