/* Estilos específicos para estirar la pantalla de login sin el wrapper del panel */
body, html {
    height: 100%;
}
body {
    background-color: #2f2f2f; /* Fondo de respaldo */
    /* Apilamos primero el degradado semitransparente oscuro y luego la imagen del patrón */
    background-image:
        linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)),
        url("../images/backg-4.4388a7c3b0d9.svg");
    background-repeat: repeat;
    background-attachment: fixed;
    /* Elimino background-size: cover para evitar que se estire gigante */
    margin: 0;
    overflow-x: hidden;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.login-card {
    background-color: #353B42; /* Slate oscuro */
    border: 1px solid #454D55;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
    border-radius: 8px;
}

.login-logo {
    max-width: 180px; /* Ajusta este valor según el tamaño real del logo */
    height: auto;
}

.login-card .card-header {
    background-color: #2F353C;
    border-bottom: 1px solid #454D55;
    color: white;
    text-align: center;
    padding: 1.5rem;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.login-card .card-body {
    padding: 2rem;
    color: #f1f1f1;
}

.form-control {
    background-color: #2a2f34;
    border: 1px solid #454D55;
    color: white;
}

.form-control::placeholder {
    color: #999; /* Gris claro para visibilidad */
    opacity: 0.8;
}

.form-control:focus {
    background-color: #2a2f34;
    border-color: #c04625; /* Destello naranja al enfocar */
    color: white;
    box-shadow: 0 0 0 0.25rem rgba(192, 70, 37, 0.25);
}

.btn-nexo {
    background-color: #c04625;
    color: white;
    border: none;
    width: 100%;
    padding: 0.75rem;
}

.btn-nexo:hover {
    background-color: #a33b1f;
    color: white;
}

.avatar-login {
    width: 80px;
    height: 80px;
    background-color: white;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: #353B42;
    margin-bottom: 10px;
}