.elementor-241 .elementor-element.elementor-element-af17f1b{--display:flex;--min-height:532px;--justify-content:center;}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{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-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-login .elementor-login__logged-in-message{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-241 .elementor-element.elementor-element-a3cc799 .elementor-field-group{margin-bottom:22px;}.elementor-241 .elementor-element.elementor-element-a3cc799 .elementor-form-fields-wrapper{margin-bottom:-22px;}body .elementor-241 .elementor-element.elementor-element-a3cc799 .elementor-field-group > label{padding-bottom:6px;}.elementor-241 .elementor-element.elementor-element-a3cc799 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-241 .elementor-element.elementor-element-a3cc799 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 0px 0px;border-radius:50px 50px 50px 50px;}.elementor-241 .elementor-element.elementor-element-a3cc799 .elementor-button{border-radius:0px 0px 0px 0px;padding:15px 15px 15px 15px;}.elementor-241 .elementor-element.elementor-element-a3cc799.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-241 .elementor-element.elementor-element-827468e{--display:flex;}/* Start custom CSS for login, class: .elementor-element-a3cc799 *//* 1. Fondo del recuadro (el contenedor blanco) */
.elementor-241 .elementor-element.elementor-element-a3cc799 {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    box-shadow: 0px 15px 40px rgba(0,0,0,0.06) !important;
}

/* 2. Todos los campos de escritura (Inputs) */
.elementor-241 .elementor-element.elementor-element-a3cc799 input {
    background-color: #f5f7f9 !important; /* Gris claro de la imagen */
    border: 1px solid #eeeeee !important;
    border-radius: 8px !important;
    padding: 12px 15px !important;
    height: auto !important;
    box-shadow: none !important;
}

/* 3. Todas las etiquetas (Email / Password) */
.elementor-241 .elementor-element.elementor-element-a3cc799 label {
    color: #666 !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
}

/* 4. El botón de envío (Log In) */
/* Usamos el tipo "submit" para no fallar con el nombre */
.elementor-241 .elementor-element.elementor-element-a3cc799 [type="submit"] {
    background-color: #ff5a60 !important;
    border-radius: 50px !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 15px !important;
    width: 100% !important;
    border: none !important;
    cursor: pointer !important;
}

/* 5. Los enlaces de abajo (Forgot / Register) */
.elementor-241 .elementor-element.elementor-element-a3cc799 a {
    color: #ff5a60 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start custom CSS *//* 1. Fondo de la página y tipografía general */
body.page-id-2510, /* Reemplaza 2510 por el ID de tu página si es necesario */
body.elementor-page-login { 
    background-color: #fcfcfc !important; /* Un blanco roto muy limpio */
    font-family: 'Inter', 'Segoe UI', Roboto, sans-serif !important;
}

/* 2. Título de la Página (Registro / Login) */
h1.entry-title, 
h1.elementor-heading-title {
    color: #1a1a1a !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    letter-spacing: -1px !important;
    text-transform: capitalize;
}

/* 3. El Contenedor del Formulario (Efecto Tarjeta Minimalista) */
.elementor-widget-login, 
.um-login, 
.um-register {
    max-width: 420px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
    padding: 45px !important;
    border-radius: 20px !important;
    box-shadow: 0px 20px 50px rgba(0,0,0,0.04) !important; /* Sombra muy suave */
    border: 1px solid #f0f0f0 !important;
}

/* 4. Etiquetas de los campos (Email, Password, etc.) */
label {
    color: #666 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* 5. Campos de entrada (Inputs) */
input[type="text"], 
input[type="password"], 
input[type="email"],
.elementor-field-textual {
    background-color: #f8fafb !important;
    border: 1px solid #eceef0 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    transition: all 0.3s ease !important;
    color: #333 !important;
    font-size: 15px !important;
}

input:focus {
    background-color: #ffffff !important;
    border-color: #ff5a60 !important; /* El color coral */
    box-shadow: 0 0 0 4px rgba(255, 90, 96, 0.1) !important;
    outline: none !important;
}

/* 6. Botón Principal (Estilo Moderno) */
button[type="submit"], 
input[type="submit"],
.elementor-button {
    background-color: #ff5a60 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 16px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    width: 100% !important;
    border: none !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, background 0.3s ease !important;
    margin-top: 15px !important;
}

button[type="submit"]:hover, 
.elementor-button:hover {
    background-color: #e44d52 !important;
    transform: translateY(-2px);
}

/* 7. Enlaces y Pie de página del formulario */
.elementor-login-form__footer, .um-footer {
    text-align: center !important;
    margin-top: 20px !important;
}

a {
    color: #ff5a60 !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

a:hover {
    text-decoration: underline !important;
}

/* 8. Ocultar elementos innecesarios para mayor limpieza */
.login-remember {
    font-size: 13px !important;
    color: #888 !important;
}/* End custom CSS */