.elementor-5431 .elementor-element.elementor-element-f1afce0{--display:flex;}.elementor-5431 .elementor-element.elementor-element-ed15966{--display:flex;}.elementor-5431 .elementor-element.elementor-element-ed15966:not(.elementor-motion-effects-element-type-background), .elementor-5431 .elementor-element.elementor-element-ed15966 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F2F4F2 0%, #FFB4C7 100%);}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.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-widget-container .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-5431 .elementor-element.elementor-element-2a8cf0c{width:100%;max-width:100%;top:30px;}.elementor-5431 .elementor-element.elementor-element-2a8cf0c.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}body:not(.rtl) .elementor-5431 .elementor-element.elementor-element-2a8cf0c{left:-2px;}body.rtl .elementor-5431 .elementor-element.elementor-element-2a8cf0c{right:-2px;}.elementor-5431 .elementor-element.elementor-element-2a8cf0c .elementor-field-group{margin-bottom:10px;}.elementor-5431 .elementor-element.elementor-element-2a8cf0c .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-5431 .elementor-element.elementor-element-2a8cf0c .elementor-field-group > label{padding-bottom:0px;}.elementor-5431 .elementor-element.elementor-element-2a8cf0c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-5431 .elementor-element.elementor-element-2a8cf0c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-5431 .elementor-element.elementor-element-888defa{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-5431 .elementor-element.elementor-element-ed15966{--min-height:0px;}body:not(.rtl) .elementor-5431 .elementor-element.elementor-element-2a8cf0c{left:-2px;}body.rtl .elementor-5431 .elementor-element.elementor-element-2a8cf0c{right:-2px;}.elementor-5431 .elementor-element.elementor-element-2a8cf0c{top:72px;}}/* Start custom CSS for login, class: .elementor-element-2a8cf0c */<style>
    /* 1. Fondo General */
    body {
        background-color: #f4f7f6;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }

    /* 2. Tarjeta Principal (Reutilizamos la estructura del Registro) */
    .mer-login-container {
        display: flex;
        flex-direction: row; 
        width: 90vw;
        max-width: 1000px; /* Un poco más compacto que el registro */
        background: white;
        border-radius: 20px;
        box-shadow: 0 20px 60px rgba(0,0,0,0.1);
        overflow: hidden;
        min-height: 550px;
    }

    /* 3. Imagen Izquierda (Diferente para distinguir del registro) */
    .mer-login-container::before {
        content: "";
        display: block;
        width: 50%;
        /* CAMBIA POR OTRA FOTO (Ej. Un paisaje relajante o detalle arquitectónico) */
        background-image: url('https://images.unsplash.com/photo-1565625501589-32219c679a78?q=80&w=1000&auto=format&fit=crop'); 
        background-size: cover;
        background-position: center;
        position: relative;
    }

    /* 4. Área del Formulario (Derecha) */
    .mer-login-container .elementor-widget-login {
        width: 50%;
        padding: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    /* Título de Bienvenida (Opcional: Añade un Encabezado antes del login si quieres) */
    
    /* 5. Inputs del Login */
    .elementor-field-group {
        margin-bottom: 20px !important;
    }

    .elementor-field-textual {
        background-color: #f9f9f9 !important;
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        padding: 15px !important;
        height: auto !important;
    }

    .elementor-field-textual:focus {
        background-color: white !important;
        border-color: #002060 !important;
    }

    /* Etiquetas */
    .elementor-field-label {
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 600 !important;
        color: #333 !important;
        margin-bottom: 8px !important;
    }

    /* 6. Botón de Entrar */
    .elementor-button {
        width: 100%;
        background-color: #002060 !important;
        border-radius: 8px !important;
        padding: 15px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        font-size: 14px !important;
    }
    .elementor-button:hover {
        background-color: #4169E1 !important;
    }

    /* Links de "Olvidaste contraseña" */
    .elementor-login__lost-password, .elementor-login__register {
        font-size: 0.85rem !important;
        color: #666 !important;
        margin-top: 15px !important;
        text-align: center;
        display: block;
    }
    
    .elementor-login__lost-password a {
        color: #002060 !important;
        font-weight: 600;
    }

    /* Ocultar el checkbox de "Recuérdame" si quieres limpiar visualmente */
    .elementor-remember-me {
        margin-bottom: 15px;
        font-size: 0.9rem;
        color: #555;
    }

    /* Responsivo Móvil */
    @media (max-width: 900px) {
        .mer-login-container { flex-direction: column; width: 95vw; }
        .mer-login-container::before { width: 100%; height: 200px; order: 1; }
        .mer-login-container .elementor-widget-login { width: 100%; padding: 30px; order: 2; }
    }
</style>/* End custom CSS */