/* Variaveis e overrides globais — identico ao portal */

html, body, h1, h2, h3, h4, h5, h6, p {
    font-family: "Fira Sans", sans-serif;
}

:root {
    --primary: #aebd24;
    --primary-hover: #bac926;
    --primary-light: rgba(174, 189, 36, 0.2);

    --secondary: #302c51;
    --secondary-hover: #3b3761;

    --tertiary: #aebd24;
    --tertiary-hover: #aebd24;

    --success: #4eb236;
    --danger: #F8285A;
    --info: #4b70e8;
    --warning: #d5b60c;

    --light: #fafafa;
    --light-1: #eee;
    --light-2: #ccc;
    --dark: #333333;

    --white: #ffffff;
    --black: #222222;

    --bs-page-bg: #F9FAFB;
    --gray: #888888;
}

.link-primary {
    color: var(--primary) !important;
}

/* Btn Primary */
.btn.btn-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.btn-check:active + .btn.btn-primary,
.btn-check:checked + .btn.btn-primary,
.btn.btn-primary.active,
.btn.btn-primary.show,
.btn.btn-primary:active:not(.btn-active),
.btn.btn-primary:focus:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.show > .btn.btn-primary {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
}

/* Alert Success */
.alert-success {
    border-color: #aebd24;
    color: #aebd24;
}

/* Btn Danger */
.btn-danger {
    color: var(--white) !important;
}

.btn-check:active + .btn.btn-danger,
.btn-check:checked + .btn.btn-danger,
.btn.btn-danger.active,
.btn.btn-danger.show,
.btn.btn-danger:active:not(.btn-active),
.btn.btn-danger:focus:not(.btn-active),
.btn.btn-danger:hover:not(.btn-active),
.show > .btn.btn-danger {
    background: var(--danger) !important;
}

/* Links */
a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-hover);
}

.link-primary:focus, .link-primary:hover {
    color: var(--primary-hover) !important;
}

.btn-check:active + .btn.btn-active-color-primary,
.btn-check:checked + .btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show > .btn.btn-active-color-primary {
    color: var(--primary-hover) !important;
}

/* Active light primary */
.btn-check:active + .btn.btn-active-light-primary,
.btn-check:checked + .btn.btn-active-light-primary,
.btn.btn-active-light-primary.active,
.btn.btn-active-light-primary.show,
.btn.btn-active-light-primary:active:not(.btn-active),
.btn.btn-active-light-primary:focus:not(.btn-active),
.btn.btn-active-light-primary:hover:not(.btn-active),
.show > .btn.btn-active-light-primary {
    background: var(--primary-light) !important;
}

/* Checkbox */
.form-check-input:checked {
    background-color: var(--primary);
    border-color: var(--primary);
}

/* HR */
hr {
    border-top: 1px dashed #888 !important;
}

/* Header background */
.header-fixed {
    background-color: var(--bs-page-bg);
}

/* Menus */
.menu-state-bg-light-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here),
.menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    background: #f8f8f8;
}

/* Nav links ativos */
.nav-link.router-link-active,
.nav-link.router-link-exact-active {
    color: var(--primary) !important;
    font-weight: 700 !important;
}