/* 1. IMPORTAR FUENTES DESDE GOOGLE FONTS */
@import url('https://googleapis.com');

/* 2. TIPOGRAFÍA GENERAL (TEXTOS) */
body, p, span, div, li, a {
    font-family: 'Montserrat', sans-serif !important;
}

/* 3. TÍTULOS */
h1, h2, h3, h4, h5, h6, .title, .subtitle {
    font-family: 'Lora', serif !important;
}

/* 4. MENÚ DE NAVEGACIÓN (FONDO BLANCO, TEXTO NEGRO Y FUENTE LORA) */
/* Forzar fondo blanco en toda la estructura superior */
header, .header, #header, nav, .nav, .navbar, .menu-container, .main-nav, [class*="menu"], [class*="nav"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Forzar tipografía Lora y color negro en los enlaces del menú */
header a, nav a, .menu a, .nav a, .menu-item a, [class*="menu"] a, [class*="nav"] a {
    font-family: 'Lora', serif !important;
    color: #000000 !important;
}


/* 5. PIE DE PÁGINA (FUENTES LORA) */
/* Forzar la tipografía Lora en cualquier texto, enlace o lista que esté dentro del pie */
footer, .footer, #footer, .site-footer, [class*="footer"],
footer p, footer a, footer span, footer li, footer div,
.footer p, .footer a, .footer span, .footer li, .footer div,
#footer p, #footer a, #footer span, #footer li, #footer div {
    font-family: 'Lora', serif !important;
}