.elementor-97909 .elementor-element.elementor-element-2ca58c57{--display:flex;}.elementor-97909 .elementor-element.elementor-element-0a8d6e7{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-4d8bbc60 *//* 1. Contenedor principal estilo tarjeta */
.um-register {
    background-color: #ffffff !important;
    padding: 50px 40px !important;
    max-width: 450px !important;
    margin: 40px auto !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    border: none !important;
}

/* 2. Etiquetas de los campos (Benutzername, Vorname, etc.) */
.um-field-label label {
    font-size: 11px !important;
    color: #888 !important;
    text-transform: none !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 3. Campos de texto e inputs */
.um-field-area input[type="text"], 
.um-field-area input[type="password"],
.um-field-area input[type="email"] {
    border: 1px solid #ddd !important;
    border-radius: 0 !important; /* Bordes cuadrados */
    padding: 12px 15px !important;
    background: transparent !important;
    color: #000 !important;
    font-size: 14px !important;
    height: auto !important;
    margin-bottom: 5px !important;
    transition: all 0.3s ease !important;
}

/* 4. Efecto Focus en los campos */
.um-field-area input:focus {
    border-color: #000 !important;
    outline: none !important;
}

/* 5. Botón principal de Registro (Negro) */
.um-button {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 15px !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    width: 100% !important;
    margin-top: 20px !important;
    border: none !important;
    cursor: pointer;
    transition: background-color 0.3s !important;
}

.um-button:hover {
    background-color: #333 !important;
}

/* 6. Limpieza visual (Quitar bordes innecesarios de UM) */
.um-field {
    padding-bottom: 15px !important;
}

.um .um-form input[type=text]:focus, 
.um .um-form input[type=password]:focus {
    border: 1px solid #000 !important;
}

/* Ocultar barra de fortaleza de contraseña si no la quieres tan invasiva */
.um-field-password-strength {
    font-size: 10px !important;
    margin-top: 5px !important;
}/* End custom CSS */