/* ==========================================================================
   Paleta de Colores: Blanco (Fondo), Azul Marino (Textos/Estructura) y Dorado
   ========================================================================== */

body {
    background-color: #f8f9fa; /* Un blanco suave para que no canse la vista */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #0A192F; /* Azul Marino muy oscuro para texto general */
}

/* Contenedor de la tarjeta de login */
.login-card {
    background: #ffffff; /* Blanco puro para resaltar sobre el fondo */
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(10, 25, 47, 0.1); /* Sombra sutil en azul marino */
    max-width: 400px;
    width: 100%;
    border-top: 5px solid #D4AF37; /* Detalle elegante en Dorado en la parte superior */
}

/* Título de la sección */
.title {
    color: #0A192F; /* Azul Marino */
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Estilos para los campos de texto y selector */
.form-control, .form-select {
    background-color: #ffffff;
    border: 1.5px solid #d1d5db;
    color: #0A192F; /* Texto interior en azul marino */
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

/* Efecto cuando el usuario hace clic en los inputs */
.form-control:focus, .form-select:focus {
    border-color: #0A192F; /* Cambia a Azul Marino al enfocar */
    box-shadow: 0 0 0 0.25rem rgba(10, 25, 47, 0.15);
    outline: none;
}

/* BOTÓN PRINCIPAL (Dorado con texto Azul Marino para contraste) */
.btn-login {
    background-color: #D4AF37; /* Dorado metálico */
    border: 1px solid #C5A028;
    color: #0A192F; /* Texto en Azul Marino para garantizar legibilidad */
    font-weight: 600;
    padding: 0.75rem;
    font-size: 1.1rem;
    border-radius: 8px;
    transition: all 0.3s ease;
}

/* Efectos para el botón */
.btn-login:hover {
    background-color: #0A192F; /* Cambia a Azul Marino al pasar el mouse */
    border-color: #0A192F;
    color: #ffffff; /* Texto cambia a blanco */
    box-shadow: 0 4px 12px rgba(10, 25, 47, 0.2);
}

.btn-login:disabled {
    background-color: #e5e7eb;
    border-color: #d1d5db;
    color: #9ca3af;
    cursor: not-allowed;
}

/* Logo y pie de página */
.logo {
    max-width: 150px;
    height: auto;
}

.footer {
    color: #6b7280; /* Gris suave para que sea discreto */
    font-size: 0.85rem;
}