.elementor-1020 .elementor-element.elementor-element-e7749b7{--display:flex;--min-height:135px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--padding-top:0px;--padding-bottom:37px;--padding-left:0px;--padding-right:0px;}.elementor-1020 .elementor-element.elementor-element-e7749b7:not(.elementor-motion-effects-element-type-background), .elementor-1020 .elementor-element.elementor-element-e7749b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-1020 .elementor-element.elementor-element-8b4c08b{text-align:center;}.elementor-1020 .elementor-element.elementor-element-8b4c08b .elementor-heading-title{font-family:"Poppins", Sans-serif;text-transform:uppercase;color:#FFFFFF;}.elementor-1020 .elementor-element.elementor-element-a478211{--display:flex;}.elementor-1020 .elementor-element.elementor-element-d7d084e{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-1020 .elementor-element.elementor-element-d7d084e > .elementor-widget-container{background-color:var( --e-global-color-secondary );padding:20px 40px 20px 40px;}.elementor-1020 .elementor-element.elementor-element-d7d084e.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d7d084e */input{
    border-radius: 0px !important;
}
input::placeholder{
    color: black !important;
}

.mauticform-label {
    /* Utiliza la variable de color principal de Elementor, o una secundaria */
    color:  !important; 
    /* El valor en el segundo parámetro (#000000) es el color de fallback si la variable no se encuentra. */
    font-weight: bold;
}

/* Cambia el color de cualquier elemento <span> dentro de la fila */
/* Esto a menudo afecta a mensajes de ayuda o validación. */
.mauticform-row span {
    /* Utiliza la variable de color de texto principal o secundaria de Elementor */
    color: #EFFC0C  !important; 
}

/* Estilo adicional para los mensajes de error de validación (usualmente un <span>) */
/* Se recomienda usar un color de alerta. */
.mauticform-row span.mauticform-errormsg {
    color: black !important; /* Usar color de acento o rojo */
    font-weight: 500;
} 


.mauticform-button:hover {
    /* 1. Borde: Cambia el borde a 1px sólido (el color dependerá de dónde esté definida la variable --form-border-color) */
    border: 1px solid var(--form-border-color,#EFFC0C) !important; /* Usamos una variable o un color sólido de respaldo (ej: negro) */
    
    /* 2. Fondo: Aplica un color de fondo al pasar el ratón */
    background: black !important; /* Color amarillo (#EFFC0C) */
    color: var(--form-border-color,#EFFC0C) !important;
    /* OPCIONAL: Añadir una transición suave */
    transition: background 0.3s ease;
}/* End custom CSS */