@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');

@font-face {
    font-family: 'Nexa Bold Italic';
    src: url('../fonts/Nexa-Bold-Italic.eot');
    src: url('../fonts/Nexa-Bold-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Bold-Italic.woff2') format('woff2'),
        url('../fonts/Nexa-Bold-Italic.woff') format('woff'),
        url('../fonts/Nexa-Bold-Italic.svg#Nexa-Bold-Italic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Bold';
    src: url('../fonts/Nexa-Bold.eot');
    src: url('../fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Bold.woff2') format('woff2'),
        url('../fonts/Nexa-Bold.woff') format('woff'),
        url('../fonts/Nexa-Bold.svg#Nexa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Heavy';
    src: url('../fonts/NexaHeavy.eot');
    src: url('../fonts/NexaHeavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NexaHeavy.woff2') format('woff2'),
        url('../fonts/NexaHeavy.woff') format('woff'),
        url('../fonts/NexaHeavy.svg#NexaHeavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Heavy Italic';
    src: url('../fonts/Nexa-Heavy-Italic.eot');
    src: url('../fonts/Nexa-Heavy-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Heavy-Italic.woff2') format('woff2'),
        url('../fonts/Nexa-Heavy-Italic.woff') format('woff'),
        url('../fonts/Nexa-Heavy-Italic.svg#Nexa-Heavy-Italic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Light';
    src: url('../fonts/Nexa-Light.eot');
    src: url('../fonts/Nexa-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Light.woff2') format('woff2'),
        url('../fonts/Nexa-Light.woff') format('woff'),
        url('../fonts/Nexa-Light.svg#Nexa-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Light Italic';
    src: url('../fonts/Nexa-Light-Italic.eot');
    src: url('../fonts/Nexa-Light-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Light-Italic.woff2') format('woff2'),
        url('../fonts/Nexa-Light-Italic.woff') format('woff'),
        url('../fonts/Nexa-Light-Italic.svg#Nexa-Light-Italic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Regular';
    src: url('../fonts/NexaRegular.eot');
    src: url('../fonts/NexaRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff'),
        url('../fonts/NexaRegular.svg#NexaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa Regular Italic';
    src: url('../fonts/Nexa-Regular-Italic.eot');
    src: url('../fonts/Nexa-Regular-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Regular-Italic.woff2') format('woff2'),
        url('../fonts/Nexa-Regular-Italic.woff') format('woff'),
        url('../fonts/Nexa-Regular-Italic.svg#Nexa-Regular-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}



:root {
    --cor-branco: #fff;
    --cor-preto: #000;
    --cor-verde: green;
    --azul-primario: #41739B;
    --azul-header-efape: #242D3C;
}
body {
    font-family: "Nexa Light", sans-serif;
    margin: 0;
    font-size: 1rem;
}
/*HEADER*/
.header-efape {
    min-height: 70px;
    background-color: var(--azul-header-efape);
    flex-wrap: nowrap;
}
.menu-topo-concurso {
    min-height: 80px;
    background-color: var(--cor-branco);
    padding: 0 4rem;
    flex-wrap: nowrap;
}
button.menu-principal-topo {
    background-color: transparent;
    font-family: 'Heebo', sans-serif;
    font-weight: 600;
    font-size: 0.875rem;
    border: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}
/*ACESSIBILIDADE*/
.menu-efape-topo-dir ul {
    font-family: "Heebo", sans-serif;
    font-size: 0.688rem;
    font-weight: 600;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    gap: 25px;
}
.menu-efape-topo-dir ul li a {
    display: block;
    color: var(--cor-branco);
    text-decoration: none;
}
.menu-efape-topo-dir ul li a:hover {
    text-decoration: underline;
}
.menu-acessibilidade-tpop-dir {
    border-left: solid 2px var(--cor-branco);
    padding-left: 15px;
    margin-left: 15px;
}
.menu-acessibilidade-tpop-dir ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    display: flex;
    gap: 5px;
}
.govsp-acessibilidade {
    filter: brightness(100);
}
/*Contador Regressivo*/
#countdown {
  display: flex;
  justify-content: center;
  gap: 20px;
  color: var(--cor-branco);
}

.time-box {
  text-align: center;
}
.time-box p#days,
.time-box p#hours,
.time-box p#minutes,
.date-divisor p {
    font-family: 'Nexa Heavy', sans-serif;
    font-size: 2.188rem;
    line-height: 30px;
    margin-bottom: 0;
}
.time-box p {
    font-family: 'Nexa Bold', sans-serif;
    font-size: 1.125rem;
    margin: 0 auto;
}

/*FOOTER*/
footer {
    background-color: var(--azul-primario);
    padding: 30px 0;
}
.info-rodape {
    font-family: "Nexa Bold", sans-serif;
    font-size: 1rem;
    color: var(--cor-branco);
}
.menu-footer ul,
.menu-menu-principal-rodape-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-footer ul li a,
.menu-menu-principal-rodape-container ul li a {
    font-family: "Nexa Bold", sans-serif;
    font-size: 12px;
    color: var(--cor-branco);
    font-weight: bold;
}
.menu-menu-principal-rodape-container ul li {
    margin-bottom: 15px;
}
.menu-menu-principal-rodape-container ul li a {
    font-size: 1rem;
}
.menu-footer ul li a:hover,
.menu-menu-principal-rodape-container ul li a:hover {
    text-decoration: none;
}
.gov-sp {
    width: 100%;
    background-color: var(--cor-preto);
    padding-bottom: 10px;
    text-align: center;
}
.gov-sp img {
    margin: 23px 20px 15px 20px;
}
.gov-sp a,
.gov-sp a:hover {
    text-decoration: none;
    border: 0;
}
.mobile__Menu {
    opacity: 0;
    transition: ease-in-out .1s;
}
.mobile__Menu.active {
    width: 100%;
    height: 100%;
    background-color: rgba(57, 107, 148, .9);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    z-index: 1;
}
.menu-mobile {
    padding-top: 70px;
}
.mobile__Menu .btn-logo {
    width: 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 4rem;
    flex-wrap: nowrap;
}
.mobile__Menu .btn-logo .logo-menu-mobile {
    width: auto;
    max-height: 71px;
    position: relative;
    left: 15px;
}
.btn-fechar-menu-mobile {
    position: relative;
    left: 9px;
}
.menu-site {
    padding: 0 5.3rem;
}
/* Link Âncora do header - acessiblidade */
.screen-reader-shortcut {
    position: absolute;
    top: -1000em;
    left: 6px;
    height: auto;
    width: auto;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 15px 23px 14px;
    background: #f0f0f1;
    color: var(--cor-verde);
    z-index: 100000;
    line-height: normal;
} 
.screen-reader-shortcut:focus {
    top: 10px;
    color: var(--cor-verde);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    text-decoration: none;
    outline: 2px solid transparent;
    outline-offset: -2px;
}
/*Back to Top Button*/
.back-to-top {
    position: fixed;
    display: none;
    width: 38px;
    height: 38px;
    right: 25px;
    bottom: 25px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='33' viewBox='0 0 33 33'%3E%3Cg id='Button' transform='translate(-295.315 80.521)'%3E%3Crect id='button-2' data-name='button' width='33' height='33' rx='7' transform='translate(295.315 -80.521)' fill='%23e15c51'/%3E%3Cg id='arrow-pointing-to-right' transform='translate(304.315 -55.363) rotate(-90)'%3E%3Cpath id='Caminho_49851' data-name='Caminho 49851' d='M20.209 48.87l-6.353-6.649a.962.962 0 0 0-1.4 0 1.073 1.073 0 0 0 0 1.469l4.659 4.876H2.993a1.04 1.04 0 0 0 0 2.078H17.111l-4.659 4.876a1.073 1.073 0 0 0 0 1.469.962.962 0 0 0 1.4 0l6.353-6.649A1.073 1.073 0 0 0 20.209 48.87Z' transform='translate(-2.342 -41.916)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center center;
    transition: display 0.5s ease-in-out;
    z-index: 99999;
    border: 0;
}
.back-to-top:hover {
    background-color: #F05201;
    transition: 0.3s ease-in-out;
}
/*Media Queries*/
@media(max-width:500px) {
    .d-none-mobile {
        display: none;
    }
    .menu-topo-concurso,
    .mobile__Menu .btn-logo {
        padding: 0;
    }
    .menu-site {
        padding: 15px 20px 0 20px;
    }
}
/*Acessibilidade GOV BR*/
.contrast, .contrast nav, .contrast div, .contrast li, .contrast ol, .contrast header, .contrast footer, .contrast section, .contrast main, .contrast aside, .contrast article {
    background: black !important;
    color: white !important;
}