/*
 * GasoFin - variables de marca (Grupo Aragon).
 * Colores extraidos de public/assets/images/logo-arago.png. Centraliza
 * aqui los colores corporativos: no repetir valores de color sueltos en
 * otros archivos/vistas, siempre referenciar estas variables.
 */
:root {
    --gasofin-primary: #6f2220;
    --gasofin-primary-dark: #4f1816;
    --gasofin-accent: #b03130;
    --gasofin-gray: #616161;
    --gasofin-sidebar-bg: #4f1816;
}

/* El logo tiene fondo blanco solido (no transparente): se muestra sobre
   fondos blancos/claros, nunca directamente sobre el sidebar oscuro. */
.brand-link {
    background-color: #ffffff;
    border-bottom: 3px solid var(--gasofin-accent);
    display: flex;
    align-items: center;
    white-space: normal;
}

.brand-link .brand-image {
    max-height: 36px;
    width: auto;
    float: none;
    margin-right: .5rem;
}

.brand-link .brand-text {
    color: var(--gasofin-primary) !important;
    font-weight: 600;
}

.main-sidebar {
    background-color: var(--gasofin-sidebar-bg) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
    background-color: var(--gasofin-accent);
    color: #ffffff;
}

.btn-primary {
    background-color: var(--gasofin-primary);
    border-color: var(--gasofin-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--gasofin-primary-dark);
    border-color: var(--gasofin-primary-dark);
}

.login-page,
.register-page {
    background-color: var(--gasofin-primary);
}

.login-logo,
.register-logo {
    color: #ffffff;
}

.login-card-logo {
    display: block;
    max-width: 220px;
    margin: 0 auto 1rem;
}