@import url("/css/color.css");

body.fila-espera-publica {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f2f4f9;
    color: #1f2433;
    overflow-x: hidden;
}

.fe-topo-site {
    background: #fff;
    border-bottom: 1px solid #e3e6ef;
    position: sticky;
    top: 0;
    z-index: 1030;
}
.fe-topo-site-conteudo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    min-height: 4rem;
}
.fe-marca {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-right: auto;
    text-decoration: none;
}
.fe-marca img { width: 5.5rem; }
.fe-marca-rotulo {
    font-weight: 700;
    color: var(--default-escuro);
    padding-left: .75rem;
    border-left: 1px solid #d9dce6;
    white-space: nowrap;
}
.fe-menu-alternar {
    display: none;
    border: 1px solid #d9dce6;
    background: #fff;
    border-radius: .5rem;
    width: 2.5rem;
    height: 2.5rem;
    color: var(--default-escuro);
}
.fe-menu {
    display: flex !important;
    align-items: center;
    gap: .25rem;
}
.fe-menu-link,
.fe-menu-entrar {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .85rem;
    border-radius: .5rem;
    font-size: .92rem;
    font-weight: 500;
    color: #4a4f5c;
    text-decoration: none;
}
.fe-menu-link:hover { background: #f2f4f9; color: var(--default-escuro); }
.fe-menu-link.ativo { background: var(--default-super-claro); color: var(--default-escuro); font-weight: 700; }
.fe-menu-entrar {
    margin-left: .5rem;
    background: var(--default-escuro);
    color: #fff;
}
.fe-menu-entrar:hover { background: var(--default-medio); color: #fff; }

.fe-site-conteudo {
    flex: 1;
    position: relative;
    padding: 2rem 0 3rem;
}
.fe-site-conteudo::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 17rem;
    background:
        radial-gradient(circle at 12% 20%, rgba(255, 255, 255, .08) 0, rgba(255, 255, 255, .08) 6rem, transparent 6.05rem),
        radial-gradient(circle at 88% 0%, rgba(255, 255, 255, .06) 0, rgba(255, 255, 255, .06) 10rem, transparent 10.05rem),
        radial-gradient(circle at 70% 120%, rgba(0, 144, 53, .25) 0, transparent 14rem),
        linear-gradient(135deg, var(--default-escuro) 0%, var(--default-medio) 100%);
}
.fe-site-conteudo > .container { position: relative; }

.fe-rodape {
    background: var(--default-escuro);
    color: rgba(255, 255, 255, .8);
    padding: 1.25rem 0;
    font-size: .85rem;
}
.fe-rodape-conteudo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
.fe-rodape-marca { display: flex; align-items: center; gap: .75rem; color: #fff; text-decoration: none; }
.fe-rodape-marca:hover { color: #fff; }
.fe-rodape-marca img { width: 4.5rem; }
.fe-rodape-links { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.fe-rodape-links a { color: rgba(255, 255, 255, .8); }
.fe-rodape-links a:hover { color: #fff; }

@media (max-width: 767px) {
    .fe-menu-alternar { display: inline-flex; align-items: center; justify-content: center; }
    .fe-menu { display: none !important; width: 100%; flex-direction: column; align-items: stretch; padding-bottom: .75rem; }
    .fe-menu.show { display: flex !important; }
    .fe-menu-entrar { margin-left: 0; justify-content: center; }
    .fe-marca-rotulo { font-size: .9rem; }
}