@font-face { font-family: "CeraPro"; src: url("fontes/CeraProRegular.otf"); }
@font-face { font-family: "CeraProBold"; src: url("fontes/CeraProBold.otf"); }
@font-face { font-family: "AvantGarde"; src: url("fontes/ITCAvantGardeStd-Md.otf"); }
@font-face { font-family: "AvantGardeDemi"; src: url("fontes/ITCAvantGardeStd-Demi.otf"); }
@font-face { font-family: "AvantGardeBold"; src: url("fontes/ITCAvantGardeStd-Bold.otf"); }

body { color: white; font-family: "CeraPro"; font-size: 20px; line-height: 150%; }
h3, .titulo { font-family: "AvantGarde"; }
h2 { font-family: "AvantGardeDemi"; font-size: 66px; margin-bottom: 30px; }
h2.med { font-family: "AvantGarde"; }
h3 { font-size: 40px; }
h4 { font-size: 32px; width: 78%; }
.segmento1, .segmento2, .segmento3, .segmento4 { padding: 120px 0; position: relative; }
.segmento1 { background: linear-gradient(180deg, #171437 0%, #2A246A 50%); }
.segmento2 { background: linear-gradient(180deg, rgba(85, 170, 167, 0.60) 0%, rgba(233, 184, 23, 0.60) 100%); color: #2A246A; }
.segmento3 { background: linear-gradient(180deg, #2A246A 0%, #55AAA7 100%);
    h4 { width: 100%; }
}
.segmento4 { background: linear-gradient(180deg, #2A246A 0%, #171437 100%); font-family: "AvantGarde"; }
.img_flutuante { position: absolute; z-index: 1; max-width: 95vw; }
.container { position: relative; z-index: 10; }
.main_nav { display: flex; gap: 80px; margin-bottom: 100px; }
.main_nav div { text-decoration: none; color: #85C0CE }
.main_nav div:hover { color: #E9B817; cursor: pointer; }
.numero_grande { color: #55AAA7; font-size: 100px }

.botao { border: 0; padding: 8px 16px; background-color: #55AAA7; color: white; margin-right: 10px; text-decoration: none }
.botao:hover { background-color: white; color: #2A246A; }
.seg1_botoes { display: flex; flex-direction: row; gap: 20px; }

.accordion, .accordion-item, .accordion-button, .accordion-button:not(.collapsed) { background-color: transparent !important; border: none; color: white !important; }
.accordion-button { font-family: "AvantGarde"; font-size: 26px; }
.accordion-button::after { filter: invert(1); }
.accordion-collapse { background-color: transparent !important; }

.mapa { border: 0; width: 100%; aspect-ratio: 4 / 3; }
.separador_mobile { display: none; }

.hec_modal { background-color: rgba(0, 0, 0, 0.7); position: fixed; display: none; justify-content: center; align-items: center; z-index: 10000; width: 100vw; height: 100vh;
	.modal_container { background-color: white; color: black; position: relative; border-radius: 10px; padding: 50px 35px; font-size: 26px; width: 520px; max-width: 70vw; 
        .ico_fechar { position: absolute; top: 10px; right: 10px; }
    }
}


@media (max-width: 991px){
    h2, h3, h4, .col-11 { text-align: center; }
    h4 { width: auto; }
    .seg1_botoes { flex-direction: column; width: 100%; align-items: center; }
    .segmento1 { 
        padding-top: 50px;
        .col {
            text-align: center; 
            p { width: 75%; margin: auto } 
        } 
    }
    .main_nav { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; justify-content: center; div { text-align: center; }}
	.mapa { aspect-ratio: 1 / 1; }
	.separador_mobile { display: block; height: 50px; }
}