@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
html {
     scroll-behavior: smooth;
}
body {
/*background: url(../imagens/REPEAT.png);*/
font-family: 'Open Sans', sans-serif!important;
background-attachment: scroll;
background-position:top;
background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    scroll-behavior: smooth;

}

/*----------
    Barra de menu superior
    -------------*/
nav {
    min-height:60px;
    background:#ffffff;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%),
                inset 0 -1px 0 rgb(0 0 0 / 15%);
}
.navbar-brand {
    padding:5px 1em!important;
    margin:0;
}
.nav-link {
    font-size:17px!important;
}

/*efeito sublinhado menu principal*/
.link-inscricao {
   transition: all 0.3s ease-in-out;
}
.link-consulta {
   transition: all 0.3s ease-in-out;
}
.link-alteracao {
    transition: all 0.3s ease-in-out;
}
.link-duvidas {
    transition: all 0.3s ease-in-out;
}
.link-escolas {
    transition: all 0.3s ease-in-out;
}
.link-resolucao {
    transition: all 0.3s ease-in-out;
}
.link-fases {
    transition: all 0.3s ease-in-out;
}
.link-calendario {
    transition: all 0.3s ease-in-out;
}
.link-transferencia {
    transition: all 0.3s ease-in-out;
}
.link-renovacao {
    transition: all 0.3s ease-in-out;
}

/*HOVER*/
.link-inscricao:hover {
    box-shadow: inset 0 -5px 0 0 #FE8400;
    color: rgba(0,0,0,.9);
}
.link-consulta:hover {
    box-shadow: inset 0 -5px 0 0 #9E3A8A;
    color: rgba(0,0,0,.9);
}
.link-alteracao:hover {
    box-shadow: inset 0 -5px 0 0 #8177C5;
    color: rgba(0,0,0,.9);
}
.link-duvidas:hover {
    box-shadow: inset 0 -5px 0 0 #246DA6;
    color: rgba(0,0,0,.9);
}
.link-escolas:hover {
    box-shadow: inset 0 -5px 0 0 #4EC3B5;
    color: rgba(0,0,0,.9);
}
.link-resolucao:hover {
    box-shadow: inset 0 -5px 0 0 #6BA34B;
    color: rgba(0,0,0,.9);
}
.link-fases:hover {
    box-shadow: inset 0 -5px 0 0 #E2C700;
    color: rgba(0,0,0,.9);
}
.link-calendario:hover {
    box-shadow: inset 0 -5px 0 0 #D60D30;
    color: rgba(0,0,0,.9);
}
.link-transferencia:hover {
    box-shadow: inset 0 -5px 0 0 #8177C5;
    color: rgba(0,0,0,.9);
}
.link-renovacao:hover {
    box-shadow: inset 0 -5px 0 0 #FE8400;
    color: rgba(0,0,0,.9);
}



/*--------------
    Header
---------------*/
.logo{
    width:30%;
    height:auto;
    margin-top:-87px;
}
.card-matricula {
    background: rgba( 168, 200, 221, 0.45 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 5px );
    -webkit-backdrop-filter: blur( 5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
#header-inicio {
    /*background: #ffffff;*/
    background:url(../Imagens/back-header01.png) no-repeat bottom left #ffffff;
    background-size:cover; 
    padding:96px;
}
.texto-destaque {
    color: white;
    font-size: 20px;
}
.chamada-facil{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.chamada-facil .lead {
    font-weight:600!important;    
    }
.destaque-header {
    color:#246DA7;
    font-weight:bold
}
/*--------------
 Area do Acordeon
    ---------------*/
#entenda-matricula {
    background:#246DA7;
   /* background: rgb(255,119,0);
    background: linear-gradient(180deg, rgba(255,119,0,1) 0%, rgba(253,187,45,1) 100%);*/
}
.area-acordeon {
    border:none!important;
    background:inherit!important;
}
.area-acordeon .card {
    /*box-shadow: 0 2.8px 2.2px rgb(0 0 0 / 3%),
                 0 6.7px 5.3px rgb(0 0 0 / 5%),
                 0 12.5px 10px rgb(0 0 0 / 6%),
                 0 22.3px 17.9px rgb(0 0 0 / 7%),
                 0 41.8px 33.4px rgb(0 0 0 / 9%),
                 0 100px 80px rgb(0 0 0 / 12%);
*/
}
.area-acordeon .card-title{
    color: #246DA7;
    text-transform: uppercase;
}

.frase-chamada {
    margin: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 600 !important;
    color: #ffffff;
    background: #fe8400bd;
    border: 1px solid transparent;
    padding: 10px;
    border-radius: 5px;
    margin-top:-70px;
}

.area-matricula {
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: #246DA7; 
}
.card-title i {
    color:#ff8500;
}
.card-title  {
    font-size:25px;
}
.info-mat-candidatos h2 {
    font-size:20px;
    color:#ffffff;
    
}
.gradient {
    background-image: linear-gradient(to bottom, #ff8500, #ffbc00, #ffbc00);
    color: #ff8500;
    FONT-WEIGHT: BOLD;
    padding: 1%;
    background-clip: text;
    -webkit-background-clip: text;
    /* Adicionado: */
    -webkit-text-fill-color: transparent;
}
.chamada-matricula{
    color:white;
    font-size:50px;
    font-style:italic;
}

}
/*---------------------------
    Nova area de cards
    --------------------------*/
#nova-area-cards h3 {
    font-size: 28px;
    font-weight: 700;
    transition: all .2s ease-in-out;
}
#nova-area-cards .card {
    border-radius: 39px;
}
#nova-area-cards h3 span{
    display:block;
    font-size:20px;
    font-weight:400;
}
#nova-area-cards .card-body {
    display: flex;
    align-items: end;
    color:#ffffff;
    text-decoration:none;
}
#nova-area-cards .card-img-overlay {
    display: flex;
    align-items: end;
    color:#ffffff;
    text-decoration:none;
}
#nova-area-cards .card-body img {
    position: absolute;
    top: -11px;
    right: -11px;
    height: 100px;
}
#nova-area-cards a:hover {
    text-decoration:none;
    transition: all 0.5s;
}
#nova-area-cards a:hover h3{
    transform: scale(1.1);
    padding-left:8px;
}
/*card Inscrição */
.card-inscricao{
    min-width:226px;
    min-height:168px;
    background:#FE8400!important;
    transition: all 0.5s;    
}
#nova-area-cards a:hover .card-inscricao{
    background:#FE8400!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-inscricao{
    background:#FE8400!important;
    -webkit-filter:none;
    filter: none;
}

/*card Consulte*/
.card-consulte {
    min-width:226px;
    min-height:168px;
    background-color:#9E3A8A!important;
    transition: all 0.5s;   
}
#nova-area-cards a:hover .card-consulte{
    background:#9E3A8A!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-consulte{
    background:#9E3A8A!important;
    -webkit-filter:none;
    filter: none;
}

/*card Altere*/
.card-altere {
    min-width:226px;
    min-height:168px;
    background:#8177C5!important;
    transition: all 0.5s;    
}
#nova-area-cards a:hover .card-altere{
    background:#8177C5!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-altere{
    background:#8177C5!important;
    -webkit-filter:none;
    filter: none;
}

/*Card Duvidas*/
.card-duvidas {
    min-width: 226px;
    min-height: 168px;
    background: #246DA6!important;
    transition: all 0.5s;
}
#nova-area-cards a:hover .card-duvidas {
    background: #246DA6!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-duvidas {
    background: #246DA6!important;
    -webkit-filter: none;
    filter: none;
}

/* Card Escolas */
.card-escolas {
    min-width: 226px;
    min-height: 168px;
    background: #4EC3B5!important;
    transition: all 0.5s;
}
#nova-area-cards a:hover .card-escolas {
    background: #4EC3B5!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-escolas {
    background: #4EC3B5!important;
    -webkit-filter: none;
    filter: none;
}

/*Card Resolução*/
.card-resolucao {
    min-width: 226px;
    min-height: 168px;
    background: #6BA34B!important;
    transition: all 0.5s;
}
#nova-area-cards a:hover .card-resolucao {
    background: #6BA34B!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-resolucao {
    background: #6BA34B!important;
    -webkit-filter: none;
    filter: none;
}

/* Card Fases */
.card-fases {
    min-width: 226px;
    min-height: 168px;
    background: #ba9d23 !important;
    transition: all 0.5s;
}
#nova-area-cards a:hover .card-fases {
    background: #ba9d23 !important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-fases {
    background: #E2C700 !important;
    -webkit-filter: none;
    filter: none;
}

/* Card Calendário */
.card-calendario {
    min-width: 226px;
    min-height: 168px;
    background: #D60D30!important;
    transition: all 0.5s;
}
#nova-area-cards a:hover .card-calendario {
    background: #D60D30!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-calendario {
    background: #D60D30!important;
    -webkit-filter: none;
    filter: none;
}

/*Card Transferencia*/
.card-transferencia {
    min-width:226px;
    min-height:168px;
    background:#8177C5!important;
    transition: all 0.5s;   
}
#nova-area-cards a:hover .card-transferencia{
    background:#8177C5!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-transferencia{
    background:#8177C5!important;
    -webkit-filter:none;
    filter: none;
}

/*card Renovação*/
.card-renovacao {
    min-width:226px;
    min-height:168px;
    background:#FE8400!important;
    transition: all 0.5s;    
}
#nova-area-cards a:hover .card-renovacao{
    background:#FE8400!important;
    -webkit-filter: drop-shadow(15px 10px 5px rgba(0,0,0,.5));
    filter: drop-shadow(4px 4px 8px rgba(0,0,0,.5));
}
#nova-area-cards a:active .card-renovacao{
    background:#FE8400!important;
    -webkit-filter:none;
    filter: none;
}


/*-------------
    MODAL PERGUNTA INSCRIÇÃO
    ---------------*/
.modal-pergunta-inscricao-exclamacao i {
    background: #ffffff;
    color: #ff8500;
    border: 5px solid white;
    border-radius: 50px;
    font-size: 48px;
}

.modal-pergunta-inscricao-frase {
    max-width: 250px;
}

.modal-pergunta-protecao-frase, .modal-pergunta-protecao-frase-fase2, .modal-pergunta-protecao-frase-renovacao {
    max-width: 350px;
}
.modal-pergunta-inscricao-botao, .modal-pergunta-protecao-botao, .modal-pergunta-protecao-botao-fase2, .modal-pergunta-protecao-botao-renovacao {
    color: #ffffff;
    background: #246da6;
    border-color: #246da6;
}

.modal-pergunta-inscricao-content, .modal-pergunta-protecao-content, .modal-pergunta-protecao-content-fase2, .modal-pergunta-protecao-content-renovacao {
    background: #f8f9fade;
}

.modal-pergunta-inscricao-body {
    background: #246da6;
    color: #ffffff;
    border-radius: 50px;
}

.modal-pergunta-protecao-body, .modal-pergunta-protecao-body-fase2, .modal-pergunta-protecao-body-renovacao {
    background: #246da6;
    color: #ffffff;
    border-radius: 50px;
}


/*-------------------------
    Informativo antes do rod-apé
    pagina principal
    -------------------------*/
.informativo-matricula {
    background:#0076b4;
    border-radius:80px;
    color:#ffffff;
}
.informativo-matricula i{
    background: #ffffff;
    color: #ff8500;
    border: 5px solid white;
    border-radius: 50px;
}
.informativo-matricula span{
    color: #ff8500;
    font-size: 26px;
}



/*-------------
    RODAPÉ
    ---------------*/
footer {
    padding-top:1em;
    color:#ffffff;
    background:#246DA7;
}
footer hr {
    background:#ffffff;
}
.area-redes-socias h3 {
    font-size:20px;
}
.area-redes-socias a {
    color:#ffffff;
}
.area-redes-socias a:hover {
    color:#ffffff;
}
.info-contato h2{
    font-size:20px;
}
.info-contato h3{
    font-size:14px;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

    .frase-chamada {
        font-size: 19px;        
        margin-top: -30px;
        margin-bottom:20px;
    }
    .logo {
        width: 80%;
        margin-top: -40px;
    }
    .texto-destaque {        
        font-size: 20px;
    }
    .chamada-matricula {
        font-size: 200%;        
    }
    #header-inicio {
        padding: 55px;
    }
    .area-matricula {
        margin-bottom:15px;
    }
    .card-inscricao {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-consulte {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-altere {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-duvidas {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-escolas {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-resolucao {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-fases {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-calendario {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-transferencia {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .card-renovacao {
        width: 220px;
        min-height: 80px;
        height: 80px;
    }
    .informativo-matricula {
        border-radius: 20px;       
    }   
    #nova-area-cards h3 {
        font-size: 19px;
        font-weight: 700;
        transition: all .2s ease-in-out;
    }   
    #nova-area-cards h3 span {
        display: block;
        font-size: 15px;
        font-weight: 400;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

    .frase-chamada {
        font-size: 19px;        
        margin-top: -30px;
        margin-bottom:20px;
    }
    .logo {
        width: 50%;
        margin-top: -40px;
    }
    #header-inicio {
        padding: 55px;
    }
    .area-matricula {
        margin-bottom:15px;
    }
    .card-inscricao {
        width:220px;
    }
    .card-consulte {
        width: 220px;
    }
    .card-altere {
        width: 220px;
    }
    .card-duvidas {
        width: 220px;
    }
    .card-escolas {
        width: 220px;
    }
    .card-resolucao {
        width: 220px;
    }
    .card-fases {
        width: 220px;
    }
    .card-calendario {
        width: 220px;
    }
    .card-transferencia {
        width: 220px;
    }
    .card-renovacao {
        width: 220px;
    }
    .informativo-matricula {
        border-radius: 20px;
        width:500px;
    }
    .informativo1 {
        padding-left: 80px !important;
    }
    .informativo2 {
        padding-left: 50px !important;
    }
    .destaque {
        width: 18%;
        height: auto;
        margin-top: -190px;
        margin-left: -1.5%;
    }   
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

    .frase-chamada {
        font-size: 19px;        
        margin-top: -45px;
        margin-bottom:20px;
    }
    .logo {
        width: 40%;
        margin-top: -58px;
    }
    #header-inicio {
        padding: 73px;
    }
    .area-matricula {
        margin-bottom:15px;
    }
    .card-inscricao {
        width:300px;
    }
    .card-consulte {
        width: 300px;
    }
    .card-altere {
        width: 300px;
    }
    .card-duvidas {
        width: 300px;
    }
    .card-escolas {
        width: 300px;
    }
    .card-resolucao {
        width: 300px;
    }
    .card-fases {
        width: 300px;
    }
    .card-calendario {
        width: 300px;
    }
    .card-transferencia {
        width: 300px;
    }
    .card-renovacao {
        width: 300px;
    }
    .informativo-matricula {
        border-radius: 30px;
    }
    .destaque {
        width: 18%;
        height: auto;
        margin-top: -225px;
        margin-left: -1.5%;
    }   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {

    .frase-chamada {
        font-size: 19px;       
    }
    .logo {
        width: 36%;        
        margin-top: -62px;
    }
    #header-inicio {
        padding: 73px;
    }
    .informativo-matricula {
        border-radius: 80px;
    }
    .destaque {
        width: 18%;
        height: auto;
        margin-top: -262px;
        margin-left: -1.5%;
    }   
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    #nova-area-cards h3 span {
        font-size: 22px;        
    }
    .logo {
        width: 28%;       
        margin-top: -87px;
    }
    #header-inicio {
      padding: 96px;
    }
    .informativo-matricula {
        border-radius: 80px;        
    }
    .destaque {
        width: 18%;
        height: auto;
        margin-top: -282px;
        margin-left: -1.5%;
    }    
}


/*-------------
    MODAL PERGUNTA INSCRIÇÃO
    ---------------*/
.modal-pergunta-inscricao-exclamacao i  {
    background: #ffffff;
    color: #ff8500;
    border: 5px solid white;
    border-radius: 50px;
    font-size: 48px;
}

.modal-pergunta-inscricao-frase {
    max-width: 250px;
}
.modal-pergunta-protecao-frase, .modal-pergunta-protecao-frase-fase2, .modal-pergunta-protecao-frase-renovacao {
    max-width: 350px;
}
.modal-pergunta-inscricao-botao, .modal-pergunta-protecao-botao, .modal-pergunta-protecao-botao-fase2, .modal-pergunta-protecao-botao-renovacao {
    color: #ffffff;
    background: #246da6;
    border-color: #246da6;
}

.modal-pergunta-inscricao-content, .modal-pergunta-protecao-content, .modal-pergunta-protecao-content-fase2, .modal-pergunta-protecao-content-renovacao {
    background: #f8f9fade !important;
}

.modal-pergunta-inscricao-body {
    background: #246da6;
    color: #ffffff;
    border-radius: 50px;
}

.modal-pergunta-protecao-body, modal-pergunta-protecao-body-fase2, modal-pergunta-protecao-body-renovacao {
    background: #246da6;
    color: #ffffff;
    border-radius: 50px;
}

.versao-hora {
    font-size: 11px;
    border: 1px solid #ededed;
    padding: 10px;
    position: fixed;
    bottom: 10px;
    background-color: #fff;
    border-radius: 15px;
    right: 10px;
    z-index: 1;
}