:root {
    --corp-azul: #3273B5;
    --corp-naranjo: #EC9622;
    --corp-rojo: #C23428;
    --corp-gris: #D0D0D0;
}

/* 1. Quitamos margenes por defecto del navegador */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    /* El color de fondo queda como fallback por si la imagen tarda en cargar */
    background-color: #f4f6f9;
    font-family: 'Nunito', sans-serif;
}

/* 2. Configuración del Contenedor Principal y Fondo */
.login-container {
    min-height: 100vh; /* Fallback para navegadores viejos */
    min-height: 100dvh; /* La magia para móviles modernos */
    display: flex;
    align-items: center; /* Centrado Vertical */
    justify-content: center; /* Centrado Horizontal */
    padding: 20px;

    /* === NUEVO: Configuración de la Imagen de Fondo === */
    /* Usamos una superposición del color corporativo azul al 40% de opacidad sobre la foto */
    background-image: linear-gradient(rgba(50, 115, 181, 0.4), rgba(40, 90, 140, 0.6)), url('/images/fondo_b.png');
    background-size: cover;      /* Escala la imagen para cubrir todo */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat;
    background-attachment: fixed; /* Mantiene el fondo fijo al hacer scroll */
}

/* Diseño de la Tarjeta */
.card-login {
    width: 100%;
    border: none;
    border-top: 5px solid var(--corp-naranjo);
    box-shadow: 0 10px 25px rgba(0,0,0,0.2); /* Sombra un poco más pronunciada para resaltar del fondo */
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.98); /* Ligera transparencia opcional, o dejar en blanco sólido */
}

.card-header-login {
    background-color: white;
    color: var(--corp-azul);
    font-weight: 700;
    font-size: 1.5rem;
    text-align: center;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid var(--corp-gris);
}

.btn-corp {
    background-color: var(--corp-azul);
    color: white;
    border: none;
    font-weight: 600;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.btn-corp:hover {
    background-color: #265a8f;
    color: white;
    transform: translateY(-2px);
}