.elementor-821 .elementor-element.elementor-element-ab05067{--display:flex;--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;}.elementor-821 .elementor-element.elementor-element-e4f84f0 img{width:32%;}.elementor-821 .elementor-element.elementor-element-14e827e{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-821 .elementor-element.elementor-element-14e827e > .elementor-widget-container{padding:20px 40px 20px 40px;}.elementor-821 .elementor-element.elementor-element-14e827e.elementor-element{--align-self:center;}#elementor-popup-modal-821 .dialog-widget-content{background-color:var( --e-global-color-primary );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-821{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-821 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-821 .dialog-close-button{display:flex;}/* Start custom CSS for html, class: .elementor-element-14e827e */.elementor-821 .elementor-element.elementor-element-14e827e input{
    border-radius: 0px !important;
}
.elementor-821 .elementor-element.elementor-element-14e827e input::placeholder{
    color: black !important;
}

.elementor-821 .elementor-element.elementor-element-14e827e .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. */
.elementor-821 .elementor-element.elementor-element-14e827e .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. */
.elementor-821 .elementor-element.elementor-element-14e827e .mauticform-row span.mauticform-errormsg {
    color: black !important; /* Usar color de acento o rojo */
    font-weight: 500;
} 
.elementor-821 .elementor-element.elementor-element-14e827e .mauticform-button {
    /* 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 black !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;
}

.elementor-821 .elementor-element.elementor-element-14e827e .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 */