body, html {
    height: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Imagen izquierda */
.bg-left {
    /*background-color: #f8f9fa;*/
    overflow: hidden;
}

/* Contenedor del login */
.login-box {
    width: 100%;
    max-width: 450px;
}


/* Centrado del bloque completo (logo + texto + recuadro) */
.login-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

/* Ajuste de la tarjeta */
.login-card {
    border: 1px solid #dcdcdc;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    background-color: #fff;
    text-align: center;
    display: inline-block;
    padding: 40px 50px;
    max-width: 500px;
}

/* Centrado del logo */
.logo {
    width: 160px;
    margin: 0 auto;
    display: block;
}







/* Botón principal */
.btn-primary {
    background-color: #23246c;
    border-color: #23246c;
    border-radius: 8px;
    font-weight: 500;
}

    .btn-primary:hover {
        background-color: #1d1e5a;
        border-color: #1d1e5a;
    }

/* Botón del ojo */
.btn-outline-secondary {
    border-color: #ccc;
    color: #666;
}

    .btn-outline-secondary:hover {
        background-color: #eee;
    }

/* Campos */
input.form-control {
    border-radius: 6px;
}

.input-group .btn {
    border-radius: 0 6px 6px 0;
}

/* Imagen de fondo */
.object-cover {
    object-fit: cover;
    object-position: center;
}

/* Azul corporativo */
.text-primary, .text-blue {
    color: #23246c !important;
}

/* Centrado de links */
.text-center a {
    text-decoration: none;
}

    .text-center a:hover {
        text-decoration: underline;
    }

.text-dark {
    color: #333 !important;
}

/* Oculta el icono de mostrar contraseña nativo del navegador */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input[type="password"]::-webkit-textfield-decoration-container {
    display: none;
}


/* Responsive */
@media (max-width: 768px) {
    .bg-left {
        display: none;
    }
}
