/* Fonte  Beaufort W01 Bold*/

@font-face {

    font-family: "Beaufort W01 Bold";

    src: url("../fonts/Beaufort/Beaufort-W01-Bold.ttf") format('truetype');

}



/* Fonte Futura Book*/

@font-face {

    font-family: "Futura Book";

    src: url("../fonts/Futura/FuturaPTBook.otf") format('opentype');

}



/* Fonte Futura Medium*/

@font-face {

    font-family: "Futura Medium";

    src: url("../fonts/Futura/FuturaPTMedium.otf") format('opentype');

}



body[class="modal-open"]{

    padding: 0px;

}



img{

    object-fit: cover;

}



/* Header */

.header__btn,

.footer__btn{

    font-family: "Futura Medium", sans-serif;

    font-size: 34px;

    border-radius: 40px;

    padding: 0px 20px;

    color: #ffffff;

    background-color: #6fb1d4;

    border-color: #6fb1d4;

    transition: 200ms ease-in-out 0s;

}



.header__btn:hover{

    color: #ffffff;

    background-color: #303d60;

    border-color: #303d60;

}



.footer__btn:hover{

    color: #ffffff;

    background-color: #283455;

    border-color: #283455;

}



/* Section Educação */

.educacao__texto{

    font-family: "Futura Book", sans-serif;

    font-size: 32px;

    line-height: 1;

}



/* Section Características */

.caracteristicas{

    margin-bottom: 80px;

}



.caracteristicas__box-aviso{

    background-color: #6fb1d4;

    margin-bottom: 80px;

}



.caracteristicas__img{

    width: 38px;

}



.caracteristicas__texto-aviso{

    font-family: "Beaufort W01 Bold", sans-serif;

    font-size: 40px;

    color: #ffffff;

    margin: 0px;

}



.col-3-mais{

    padding: 0px 8px;

}



.caracteristica__tipo{

    height: 200px;

    gap: 8px;

    cursor: pointer;

    transition: 500ms ease-in-out 0s;

}



.caracteristica__tipo9,

.caracteristica__tipo10,

.caracteristica__tipo11,

.caracteristica__tipo12{

    gap: 1px;

}



.caracteristica__tipo1{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/1.webp");

}



.caracteristica__tipo2{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/2.webp");

}



.caracteristica__tipo3{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/3.webp");

}



.caracteristica__tipo4{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/4.webp");

}



.caracteristica__tipo5{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/5.webp");

}



.caracteristica__tipo6{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/6.webp");

}



.caracteristica__tipo7{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/7.webp");

}



.caracteristica__tipo8{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/8.webp");

}



.caracteristica__tipo9{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/9.webp");

}



.caracteristica__tipo10{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/10.webp");

}



.caracteristica__tipo11{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/11.webp");

}



.caracteristica__tipo12{

    background-image: url("../storage/doze_caracteristicas/caracteristicas/12.webp");

}



.caracteristica__numero{

    font-family: "Beaufort W01 Bold", sans-serif;

    font-size: 110px;

    line-height: 1.35;

}



.caracteristica__tipo1 .caracteristica__numero,

.caracteristica__tipo4 .caracteristica__numero,

.caracteristica__tipo7 .caracteristica__numero,

.caracteristica__tipo10 .caracteristica__numero{

    color: #6fb1d4;

}



.caracteristica__tipo2 .caracteristica__numero,

.caracteristica__tipo5 .caracteristica__numero,

.caracteristica__tipo8 .caracteristica__numero,

.caracteristica__tipo11 .caracteristica__numero{

    color: #ec945d;

}



.caracteristica__tipo3 .caracteristica__numero,

.caracteristica__tipo6 .caracteristica__numero,

.caracteristica__tipo9 .caracteristica__numero,

.caracteristica__tipo12 .caracteristica__numero{

    color: #feca1a;

}



.caracteristica__texto{

    font-family: "Beaufort W01 Bold", sans-serif;

    font-size: 28px;

    line-height: 1;

    margin: 0;

    color: #283455;

}



.caracteristica__tipo1:hover,

.caracteristica__tipo4:hover,

.caracteristica__tipo7:hover,

.caracteristica__tipo10:hover{

    background-image: none;

    background-color: #6fb1d4;

}



.caracteristica__tipo2:hover,

.caracteristica__tipo5:hover,

.caracteristica__tipo8:hover,

.caracteristica__tipo11:hover{

    background-image: none;

    background-color: #ec945d;

}



.caracteristica__tipo3:hover,

.caracteristica__tipo6:hover,

.caracteristica__tipo9:hover,

.caracteristica__tipo12:hover{

    background-image: none;

    background-color: #feca1a;

}



.caracteristica__tipo:hover .caracteristica__numero, .caracteristica__tipo:hover .caracteristica__texto{

    color: #ffffff;

}






.modal-header-mais1{

    background-color: #6fb1d4;

}



.modal-header-mais2{

    background-color: #ec945d;

}



.modal-header-mais3{

    background-color: #feca1a;

}



.modal-title__num{

    font-size: 60px;

}

.modal-title-mais{

    font-family: "Beaufort W01 Bold", sans-serif;

    color: #ffffff;

    font-size: 28px;

    display: flex;

    align-items: center;
    
    line-height: 1;

}



.close-mais:focus{

    outline: 1px transparent;

}



.modal-body__texto{

    font-family: "Futura Book", sans-serif;

    font-size: 20px;

}



.modal-footer__left,

.modal-footer__right{

    position: absolute;

    display: flex;

    justify-content: center;

    align-items: center;

    border: none;

    border-radius: 50%;

    width: 60px;

    height: 60px;

    transition: 200ms ease-in-out 0s;

}



.modal-footer__left{

    top: calc(33%);

    left: 10px;

    

}



.modal-footer__right{

    top: calc(33%);

    right: 10px;

}



.modal-footer__left:hover,

.modal-footer__right:hover{

    background-color: rgba(40, 52, 85, 0.400);

}



.img-btn-left{

    transform: rotate(-180deg);

}



/* Footer */

.footer{

    background-color: #303d60;

}



.footer__rodape-bg{

    background-color: #283455;

}



.footer__rodape-texto{

    color: #ffffff;

    font-family: "Beaufort W01 Bold", sans-serif;

}



/* Imagens banners */

.img-mt{

    margin-top: -1px;

}





/* Responsivo */

@media(min-width: 992px) and (max-width: 1200px){

    /* Header */

    .img-logo{

        width: 570px;

    }



    .header__btn,

    .footer__btn{

        font-size: 30px;

    }



    /* Educação */

    .educacao__texto{

        font-size: 30px;

    }



    /* Aviso */

    .caracteristicas__texto-aviso{

        font-size: 32px;

    }



    /* Footer */

    .img-rede-social{

        width: 36px;

    }
    
}



@media(min-width: 768px) and (max-width: 991px){

    /* Header */

    .img-logo{

        width: 400px;

    }



    .header__btn,

    .footer__btn{

        font-size: 24px;

    }



    /* Aviso */

    .caracteristicas__texto-aviso{

        font-size: 28px;

    }



    /* Educação */

    .educacao__texto{

        font-size: 24px;

    }



    /* Caracteristicas */

    .close-mais img{

        width: 40px;

    }



    .modal-footer__left,

    .modal-footer__right{

        width: 40px;

        height: 40px;

    }



    .modal-footer__left,

    .modal-footer__right{

        top: 30%;

    }



    /* Footer */

    .img-rede-social{

        width: 28px;

    }
    

}



@media (max-width: 1200px){

    /* Footer */

    .img-dto{

        width: 48px;

    }

}



@media (max-width: 991px){

    /* Caracteristicas */

    .modal-title__num{

        font-size: 32px;

    }



    .modal-title-mais{

        font-size: 20px;

    }



    .modal-body__texto{

        font-size: 18px;

    }

}



@media (max-width: 767px){

    /* Header */

    .header__btn,

    .footer__btn{

        font-size: 18px;

        padding: 0px 16px;

    }



    /* Banner Principal */

    .img-banner-p{

        height: 310px;

    }



    /* Aviso */

    .caracteristicas__texto-aviso{

        font-size: 18px;

    }



    /* Educação */

    .educacao__texto{

        font-size: 18px;

    }



    /* Caracteristicas */

    .close-mais img{

        width: 36px;

    }



    .modal-footer__left,

    .modal-footer__right{

        position: absolute;

        background-color: transparent;

        width: 40px;

        height: 40px;

    }



    .modal-footer__left,

    .modal-footer__right{

        top: calc(35%);

        

    }



    .modal-footer__left:hover,

    .modal-footer__right:hover{

        background-color: transparent;

    }
    



    /* Footer */

    .img-rede-social{

        width: 28px;

    }

}



@media (max-width: 575px){

    /* Header */

    .header__btn, 

    .footer__btn{

        font-size: 16px;

    }

    

    /* Características */

    .caracteristicas{

        margin-bottom: 40px;

    }

    

    .caracteristicas__box-aviso{

        padding: 20px 0px;

        margin-bottom: 40px;

    }



    .caracteristicas__img{

        margin: 0px;

        padding-bottom: 12px;

    }

    

    .caracteristicas__img{

        width: 30px;

    }



    .caracteristica__tipo{

        width: 300px;

        margin: auto;

        gap: 0px;

    }

    .caracteristica__numero{

        font-size: 80px;

    }



    .caracteristica__texto{

        font-size: 20px;

    }

    

    .modal-body img{

        width: 100%;

    }

}