.elementor-11 .elementor-element.elementor-element-f66a454{--display:flex;}.elementor-11 .elementor-element.elementor-element-0c684dd .elementor-field-group{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-0c684dd .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-11 .elementor-element.elementor-element-0c684dd .elementor-field-group > label{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-0c684dd .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-0c684dd .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}/* Start custom CSS for login, class: .elementor-element-0c684dd *//* 1. Centrar y limitar el ancho de la tarjeta */
.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-MyAccount-content,
.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce {
    max-width: 500px !important;
    margin: 40px auto !important;
}

/* 2. Estilo de Tarjeta Blanca Redondeada */
.elementor-11 .elementor-element.elementor-element-0c684dd #customer_login,
.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-form-login {
    background: #ffffff !important;
    border-radius: 28px !important;
    padding: 40px 35px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #F3F4F6 !important;
    text-align: center !important;
}

/* 3. Ocultar textos nativos viejos e insertar título "¡Hola de nuevo!" */
.elementor-11 .elementor-element.elementor-element-0c684dd h2 {
    display: none !important;
}

.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-form-login::before {
    content: "¡Hola de nuevo!" !important;
    display: block !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #012169 !important;
    margin-bottom: 8px !important;
}

/* 4. Subtítulo explicativo */
.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-form-login::after {
    content: "Iniciá sesión para ver tus pedidos y comprar más rápido" !important;
    display: block !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-size: 15px !important;
    color: #6B7280 !important;
    margin-bottom: 25px !important;
}

/* 5. Estilos de Inputs (Email y Contraseña) */
.elementor-11 .elementor-element.elementor-element-0c684dd input[type="text"],
.elementor-11 .elementor-element.elementor-element-0c684dd input[type="password"] {
    border: 1.5px solid #E5E7EB !important;
    border-radius: 14px !important;
    padding: 14px 18px !important;
    font-family: 'Baloo 2', sans-serif !important;
    color: #012169 !important;
    background-color: #FAFAFA !important;
    text-align: left !important;
    width: 100% !important;
}

/* 6. Alineación de etiquetas (Labels) */
.elementor-11 .elementor-element.elementor-element-0c684dd label {
    display: block !important;
    text-align: left !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #012169 !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
}

/* 7. Botón Principal "Iniciar sesión" */
.elementor-11 .elementor-element.elementor-element-0c684dd button[name="login"] {
    background-color: #E00000 !important;
    color: #FFFFFF !important;
    font-family: 'Baloo 2', sans-serif !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    border-radius: 30px !important;
    padding: 16px 30px !important;
    width: 100% !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(224, 0, 0, 0.3) !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    cursor: pointer !important;
}

/* 8. Enlace de ¿Olvidaste tu contraseña? */
.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-LostPassword a {
    font-family: 'Baloo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #012169 !important;
    text-decoration: underline !important;
    font-size: 15px !important;
}

/* 9. Menú lateral cuando el usuario YA inició sesión */
.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
}

.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-MyAccount-navigation li a {
    font-family: 'Baloo 2', sans-serif !important;
    font-weight: 700 !important;
    color: #012169 !important;
    padding: 10px 15px !important;
    display: block !important;
    border-radius: 10px !important;
}

.elementor-11 .elementor-element.elementor-element-0c684dd .woocommerce-MyAccount-navigation li.is-active a {
    background-color: #F3F4F6 !important;
    color: #E00000 !important;
}/* End custom CSS */