.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-theme-site-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-286 .elementor-element.elementor-element-3b0a713{width:var( --container-widget-width, 23.278% );max-width:23.278%;--container-widget-width:23.278%;--container-widget-flex-grow:0;text-align:center;}.elementor-286 .elementor-element.elementor-element-3b0a713.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-286 .elementor-element.elementor-element-3b0a713 .elementor-heading-title{font-family:"Staatliches", Sans-serif;font-size:32px;font-weight:400;line-height:30px;color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* ==========================================================================
   4. CAMBIAR EL FONDO DEL FOOTER AL MARRÓN ARCILLA DE TU WEB
   ========================================================================== */
.elementor-footer, 
.site-footer,
div[data-elementor-type="footer"] {
    background-color: #B07055 !important; /* El tono marrón/teja exacto de tu cabecera */
    border-top: 4px solid #B4A93B !important; /* Línea superior con tu verde oliva/mostaza */
}

/* ==========================================================================
   5. FORZAR TODOS LOS TEXTOS A BLANCO (Como el título de tu cabecera)
   ========================================================================== */
div[data-elementor-type="footer"] h2,
div[data-elementor-type="footer"] h3,
div[data-elementor-type="footer"] .elementor-heading-title,
div[data-elementor-type="footer"] .elementor-text-editor,
div[data-elementor-type="footer"] p,
div[data-elementor-type="footer"] span,
div[data-elementor-type="footer"] a {
    color: #FFFFFF !important; /* Letras blancas nítidas para que destaquen sobre el marrón */
    font-weight: 600 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3); /* Sutil relieve como tiene tu título principal */
}

/* ==========================================================================
   6. EFECTO HOVER EN ENLACES DE CONTACTO (Usa tu color Municipio)
   ========================================================================== */
div[data-elementor-type="footer"] .elementor-text-editor a {
    text-decoration: none !important;
    display: inline-block !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
}

div[data-elementor-type="footer"] .elementor-text-editor a:hover {
    background-color: #FFD700 !important; /* Fondo amarillo/oro idéntico al botón activo "Municipio" */
    color: #000000 !important;           /* Letra negra para leerse sobre el amarillo */
    padding-left: 15px !important;       /* Animación de desplazamiento a la derecha */
    text-shadow: none !important;
}/* End custom CSS */