/* Festivos: login | configuración base rev. 14 | evento: #1 */
:root,
:root[data-glpi-theme] {
    --tblr-primary-rgb: 27, 117, 21 !important;
    --tblr-primary: #1b7515 !important;
    --tblr-primary-fg: #ffffff !important;
    --tblr-primary-darken: color-mix(in srgb, #1b7515, black 12%) !important;
}

.page-anonymous .glpi-logo {
    --logo: url("/plugins/festivos/front/image.php?e=1&k=logo_login&rev=1792179490") !important;
    content: url("/plugins/festivos/front/image.php?e=1&k=logo_login&rev=1792179490") !important;
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: min(250px, 90vw);
    max-height: 160px;
}

body.welcome-anonymous {
    background-image: url("/plugins/festivos/front/image.php?e=1&k=login_bg_image&rev=1792179490") !important;
    background-size: cover !important;
    background-position: center !important;
    background-attachment: fixed !important;
}

body.welcome-anonymous .page-anonymous {
    background: transparent !important;
}

@media (min-width: 992px) {
    body.welcome-anonymous .page-anonymous > .flex-fill {
        flex-direction: row-reverse !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 4rem;
        padding-left: 6vw !important;
        padding-right: 6vw !important;
        margin-top: 0 !important;
        min-height: 100vh;
    }
    body.welcome-anonymous .page-anonymous > .flex-fill > .container-tight {
        flex: 0 1 32rem;
        max-width: 32rem !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.welcome-anonymous .main-content-card .card-body > form > .row > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.festivos-side-panel {
    color: #8f580a !important;
}

.festivos-title-icon {
    color: #e68805;
}