.elementor-95 .elementor-element.elementor-element-b55467d{--display:flex;--min-height:100vh;--margin-top:-60px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;}.elementor-95 .elementor-element.elementor-element-b55467d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-95 .elementor-element.elementor-element-47ec350{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-95 .elementor-element.elementor-element-47ec350{left:0px;}body.rtl .elementor-95 .elementor-element.elementor-element-47ec350{right:0px;}/* Start custom CSS for html, class: .elementor-element-47ec350 *//* ===== CONTENEDOR GENERAL ===== */
.login-wrapper{
    display:grid;
    grid-template-columns: 60% 40%;
    min-height:100vh;
    font-family: 'Segoe UI', sans-serif;
}

/* ===== LADO IZQUIERDO ===== */
.login-left{
    background: linear-gradient(135deg,#0f172a,#1e3a5f);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:white;
    text-align:center;
    padding:40px;
}

.login-left img{
    max-width:140px;
    margin-bottom:20px;
}

.login-left p{
    font-size:14px;
    opacity:.8;
}

/* ===== LADO DERECHO ===== */
.login-right{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f1f5f9;
}

/* ===== CARD ===== */
.login-card{
    width:100%;
    max-width:360px;
    padding:30px;
    border-radius:16px;
    background:rgba(255,255,255,0.85);
    backdrop-filter: blur(10px);
    box-shadow:0 15px 40px rgba(0,0,0,0.1);
}

/* ===== TITULO ===== */
.login-card h2{
    text-align:center;
    margin-bottom:20px;
    color:#0f172a;
}

/* ===== INPUTS FLUENT ===== */
.login-card input{
    width:100% !important;
    padding:12px !important;
    border-radius:8px !important;
    border:1px solid #e2e8f0 !important;
    margin-bottom:12px !important;
}

/* ===== BOTON ===== */
.login-card button{
    width:100% !important;
    padding:12px !important;
    border-radius:8px !important;
    background:linear-gradient(135deg,#2563eb,#3b82f6) !important;
    border:none !important;
    color:white !important;
    font-weight:600;
    transition:.2s;
}

.login-card button:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(37,99,235,0.3);
}

/* ===== REGISTRO ===== */
.login-extra{
    text-align:center;
    margin-top:15px;
    font-size:13px;
}

.login-extra a{
    color:#2563eb;
    font-weight:600;
    text-decoration:none;
}

.login-extra a:hover{
    text-decoration:underline;
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){
    .login-wrapper{
        grid-template-columns:1fr;
    }

    .login-left{
        display:none;
    }

    .login-right{
        padding:20px;
    }
}
/* REGISTRO MÁS GRANDE */
.registro-card{
    max-width:520px;
    padding:45px;
}

/* INPUTS MÁS ESPACIADOS */
.registro-card input{
    margin-bottom:14px !important;
}

/* BOTÓN MÁS LLAMATIVO */
.registro-card button{
    background:linear-gradient(135deg,#16a34a,#22c55e) !important;
}

.registro-card button:hover{
    box-shadow:0 8px 20px rgba(34,197,94,0.3);
}/* End custom CSS */