.elementor-1442 .elementor-element.elementor-element-a65b434{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1442 .elementor-element.elementor-element-a65b434:not(.elementor-motion-effects-element-type-background), .elementor-1442 .elementor-element.elementor-element-a65b434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#006CAA;}.elementor-1442 .elementor-element.elementor-element-08a24b3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .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-1442 .elementor-element.elementor-element-4c2fa1e{--display:flex;}.elementor-1442 .elementor-element.elementor-element-b5d3424{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}#elementor-popup-modal-1442{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1442 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1442 .dialog-close-button{display:flex;}#elementor-popup-modal-1442 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-50186b2 *//* Estilo general del pop-up */
.popup-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

/* Estilo para el campo de texto */
.popup-form input[type="text"] {
    width: 100%; /* Hace que el campo de texto ocupe todo el ancho del contenedor */
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
}

/* Estilo para el botón "Validar" */
#validarCodigo {
    width: 100%; /* El botón ocupa el mismo ancho que el campo de texto */
    padding: 12px;
    background-color: #E73C32; /* Fondo rojo */
    color: white;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease; /* Transición suave */
}

/* Cambiar color de fondo del botón cuando se presiona */
#validarCodigo:active {
    background-color: #b6352a; /* Color más oscuro cuando se hace clic */
    transform: scale(0.98); /* Efecto de "presionar" */
}

/* Cambiar color del botón al pasar el mouse (hover) */
#validarCodigo:hover {
    background-color: #d6312a; /* Oscurece el color de fondo al pasar el mouse */
}

/* Estilo del mensaje de error */
#mensajeError {
    font-size: 14px;
    color: red;
    margin-top: 10px;
    display: none;
}/* End custom CSS */