.elementor-48 .elementor-element.elementor-element-cde80da{--display:flex;--min-height:899px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-4219268{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-48 .elementor-element.elementor-element-cde80da{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4219268 *//* 1. Fondo degradado corporativo para toda la pantalla */
.elementor-48 .elementor-element.elementor-element-4219268 {
    background: radial-gradient(circle at center, #0a3a3a 0%, #031212 100%) !important;
    min-height: 100vh;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 40px 20px;
    width: 100% !important;
}

/* 2. Forzar que el formulario ocupe el ancho correcto y romper el Flexbox de Elementor */
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form, 
.elementor-48 .elementor-element.elementor-element-4219268 form.acf-form {
    background: rgba(4, 28, 28, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(10px);
    border-radius: 16px !important;
    padding: 40px !important;
    
    /* Cambiamos la estrategia de ancho aquí: */
    width: 650px !important; 
    max-width: 90% !important; 
    
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* 3. Textos de las etiquetas (Labels) */
.elementor-48 .elementor-element.elementor-element-4219268 .acf-label label {
    color: #ffffff !important;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-bottom: 8px;
    display: block;
}

/* 4. Estilos para los campos de entrada */
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form input[type="text"],
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form input[type="number"],
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form textarea,
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form select {
    background-color: rgba(2, 14, 14, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    width: 100% !important;
    font-size: 14px !important;
    transition: all 0.3s ease;
    box-sizing: border-box !important;
}

/* Efecto Focus al hacer clic en un campo */
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form input:focus,
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form textarea:focus,
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form select:focus {
    border-color: #00ffaa !important;
    box-shadow: 0 0 8px rgba(0, 255, 170, 0.3) !important;
    outline: none;
}

/* 5. El Botón de Registro (Verde Neón) */
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form .acf-form-submit input[type="submit"] {
    background: #00ffaa !important;
    color: #031212 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 15px !important;
}

.elementor-48 .elementor-element.elementor-element-4219268 .acf-form .acf-form-submit input[type="submit"]:hover {
    background: #00cc88 !important;
    box-shadow: 0 5px 15px rgba(0, 255, 170, 0.4) !important;
}

/* Limpieza de espaciados por defecto de ACF */
.elementor-48 .elementor-element.elementor-element-4219268 .acf-field {
    border: none !important;
    padding: 12px 0 !important;
}
.elementor-48 .elementor-element.elementor-element-4219268 .acf-form-submit {
    padding: 15px 0 0 0 !important;
    border: none !important;
}/* End custom CSS */