.elementor-8729 .elementor-element.elementor-element-9c09c00{--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:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-8729 .elementor-element.elementor-element-e6f7d5f.xpro-widget-bg-overlay:before{transition:background 0.3s;}#elementor-popup-modal-8729{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-8729 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-8729 .dialog-close-button{display:flex;}#elementor-popup-modal-8729 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for shortcode, class: .elementor-element-e6f7d5f */*/

/* Selector principal: #sib_signup_form_1
   Este es el ID que Brevo le da al formulario con id=1.
   Todo lo que esté dentro de este bloque solo afectará a ese formulario.
*/

#sib_signup_form_1 {
    background-color: transparent !important; /* Hacemos el fondo del form transparente para que use el del popup */
    padding: 10px !important; /* Un poco de espacio interno */
    box-shadow: none !important; /* Quitamos cualquier sombra que le hayamos puesto antes */
    max-width: 100%; /* Que ocupe el ancho del popup */
    font-family: Arial, sans-serif; /* Aseguramos una fuente legible */
}

/* --- Títulos y Textos --- */
#sib_signup_form_1 .sib-form-title {
    font-size: 2em !important;
    font-weight: bold;
    color: #2c3e50 !important;
    text-align: center;
    margin-bottom: 15px !important;
}

#sib_signup_form_1 .sib-form-description {
    font-size: 1.1em !important;
    color: #555 !important;
    text-align: center;
    margin-bottom: 25px !important;
    line-height: 1.6;
}

/* --- Estilos de los campos (input, label) --- */
#sib_signup_form_1 p {
    margin-bottom: 15px !important;
}

#sib_signup_form_1 label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 1em !important;
    font-weight: bold !important;
    color: #444 !important;
}

#sib_signup_form_1 input[type="email"],
#sib_signup_form_1 input[type="text"] {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    font-size: 1em !important;
    box-sizing: border-box !important;
    background-color: #fff !important; /* Fondo blanco para el input */
    color: #333 !important;
}

/* --- Ocultar el campo "No rellenar" --- */
/* ¡MUY IMPORTANTE! 
   Este es el código que oculta el campo extra que no quieres.
   En tu captura veo que la etiqueta es "No rellenar". Brevo suele usar un campo
   de Apellido (LASTNAME) o Nombre (FIRSTNAME) para esto.
   Prueba con este código. Si no funciona, te explico cómo encontrar el nombre correcto.
*/
#sib_signup_form_1 .sib-lastname-area {
    display: none !important;
}
#sib_signup_form_1 .sib-firstname-area {
    display: none !important;
}

/* Si lo anterior no oculta el campo "No rellenar", puede que sea un campo personalizado.
   Intenta averiguar su clase (te explico abajo) y reemplaza '.sib-lastname-area'
   por la clase correcta. */


/* --- Checkbox de Política de Privacidad --- */
#sib_signup_form_1 .sib-optin- εδώ-container label,
#sib_signup_form_1 .sib-optin-container label a { /* Aquí hay un error en el nombre de la clase, debería ser sib-optin-container*/
    font-size: 0.95em !important;
    font-weight: normal !important;
    color: #555 !important;
}

#sib_signup_form_1 .sib-optin-container a {
    color: #007bff !important;
    text-decoration: underline !important;
}

/* --- Botón de Suscripción --- */
#sib_signup_form_1 .sib-submit-button {
    width: 100% !important;
    padding: 15px 25px !important;
    background-color: #28a745 !important; /* Tu color verde */
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 1.2em !important;
    font-weight: bold !important;
    cursor: pointer !important;
    margin-top: 10px !important;
}

#sib_signup_form_1 .sib-submit-button:hover {
    background-color: #218838 !important; /* Verde más oscuro */
}

/* --- Texto final --- */
#sib_signup_form_1 .sib-annotation {
    text-align: center;
    font-size: 0.9em;
    color: #777;
    margin-top: 20px;
}/* End custom CSS */