/* 1. IMPORTACIÓN DESDE GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Herr+Von+Muellerhoff&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Qwitcher+Grypen:wght@400;700&family=Waterfall&display=swap');

/* 2. CLASES PARA USAR EN TUS ARTÍCULOS */
/* Puedes aplicar estas clases a cualquier párrafo <p> o título <h> */

.font-cinzel { 
    font-family: 'Cinzel', serif; 
}

.font-cormorant { 
    font-family: 'Cormorant Garamond', serif; 
}

.font-muellerhoff { 
    font-family: 'Herr Von Muellerhoff', cursive; 
    font-size: 1.5em; /* Esta fuente suele verse pequeña, le damos un poco más de tamaño */
}

.font-playfair { 
    font-family: 'Playfair Display', serif; 
}

.font-qwitcher { 
    font-family: 'Qwitcher Grypen', cursive; 
    font-size: 1.8em; 
}

.font-waterfall { 
    font-family: 'Waterfall', cursive; 
    font-size: 1.8em;
}

/* 3. CONFIGURACIÓN AUTOMÁTICA (Opcional) */
/* Si quieres que todos los títulos de tu web ya usen una de estas fuentes sin hacer nada: */

h1, h2, h3 {
    font-family: 'Cinzel', serif;
    font-weight: 700;
    color: #1a1a1a; /* Puedes cambiar el color aquí */
}

/* FUERZA EL CAMBIO EN TODA LA CABECERA */
header.header, 
.header, 
.container-header, 
.navbar-brand, 
.header-content {
    background-color: #c2c2c2 !important;
    background-image: none !important;
}

/* Si hay un gradiente (azul oscuro a azul claro), esto lo elimina */
header.header::before, 
header.header::after {
    display: none !important;
}

/* Cambia el color del texto del título por si se vuelve invisible (blanco sobre crema) */
.brand-title, .navbar-brand {
    color: #444444 !important;
}



/* Hacer el Footer FULL WIDTH */
.footer {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #e1cf65;   /* tu color azul oscuro */  
}

.footer .grid-child {
    max-width: 100% !important;
    width: 100% !important;
    padding: 20px 30px !important;   /* ajusta según necesites */
    box-sizing: border-box;
}

/* Si quieres fondo que llegue a los bordes */
.footer-container {

}



footer.container-footer.full-width .grid-child {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* Ajuste final del módulo custom */
#mod-custom111 {
    width: 100% !important;
    padding: 20px 40px !important;   /* ajusta según quieras */
    box-sizing: border-box;
}

/* Fondo del footer que llegue hasta los bordes */
footer.container-footer {
    background-color: #1a2b5f !important;   /* tu color azul oscuro */
}

.site-grid {
    grid-template-columns: 
        [full-start] minmax(0,1fr) 
        [main-start] repeat(4, minmax(0, 24rem)) 
        [main-end] minmax(0,1fr) 
        [full-end];
}

.container {
    max-width: 98% !important;
    padding-left: 15px;
    padding-right: 15px;
}

.chronoforms_8_footer {
    display: none !important;
}

.chronocredits {
    display: none !important;
}