@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body { font-family: 'Noto Sans', sans-serif; }
a { text-decoration: none; }
.maxsize {
    max-width: 1366px;
    margin: auto;
}
.capa{
    background-color: #013434;
    background-image: url("../images/capa.jpg");
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}
.bg-body-tertiary {
    background-color: transparent !important;
}
.btnVerde {
    background-color: #25B79C;
    border-radius: 40px;
    color: #FFF;
    width: 150px;
    height: 45px;
    border: 0px;
    margin-left: 10px;
    vertical-align: center;
    position: relative;
    bottom: 5px;
    padding-top: 10px;
}
.btnVerde:hover {
    background-color: #25B79C;
    color: #FFF;
}
.txt_duvidas { display: none; }
.tituloMenor {
    font-size: 24px;
    color: #8A8A9B;
}
.titulo {
    font-size: 36px;
    color: #4E4D4D;
    font-weight: bold;
}
.txt {
    font-size: 18px;
    color: #8A8A9B;
}
.opOitenta {
    opacity: 0.8;
}
.responsivo { display: none; }
.inlineResponsivo { display: none; }
.espaco { height: 30px; clear: both; }
#secCinza {
    background-color: #FBF9F9;
    padding: 40px;
}
/*************************/
/*      MENU        */
.nav-link { color: #FFF; }
#menuNav { background: #153844; }

/*************************/
/*      CAPA HOME    */
.destaque_capa {
    width: 90%;
    height: auto;
    margin: auto;
    margin-bottom: 50px;
    text-align: center;
    border-radius: 50px;
}
.titulo_capa {
    font-size: 36px;
    color: #2BB77E;
    font-weight: bold;
    padding-left: 30px;
    padding-top: 30px;
}
.txt_capa {
    padding: 40px;
    font-size: 24px;
    color: #FBF9F9;
}
/*************************/
/*      SOBRE     */
.fotoSobre {
    width: 94%;
    margin: auto;
}
.ptVerde {
    font-size: 24px;
    color: #2BB77E;
    font-weight: bold;
}
.ptCinza {
    font-size: 16px;
    color: #8A8A9B;
    padding-left: 12px;
}
.txtSobre {
    max-width: 550px;
    margin-top: 50px;
}
.sobreRegras {
    font-size: 18px;
    color: #2BB77E;
    font-weight: bold;
    position: relative;
    bottom: 3px;
    margin-left: 20px;
}
/*************************/
/*      CAMINHO     */
#caminho {
    background-color: #FBF9F9;
}
.caminhoCard {
    margin-top: 15px;
    padding: 15px 5px 15px 25px;
    width: 90%;
    border-radius: 40px;
    cursor: pointer;
}
.caminhoCardHeader {
    font-size: 24px;
    color: #4E4D4D;
    font-weight: bold;
}
.caminhoCardP {
    font-size: 18px;
    color: #8A8A9B;
}
.caminhoCardConteiner { padding-left: 15px; }
.caminhoCard:hover {
    background: rgb(37,183,156);
    background: linear-gradient(106deg, rgba(37,183,156,1) 0%, rgba(43,183,126,1) 100%);
}
.caminhoCard:hover .caminhoCardHeader, .caminhoCard:hover .caminhoCardP {
    color: #FFF;
}
.caminhoIcone {
    width: 80px;
    height: 100px;
}
.caminhoCard:hover .riopersoVerde { display: none; }
.caminhoCard:hover .riopersoBranco { display: block; }
.riopersoVerde { display: block; }
.riopersoBranco { display: none; }
.caminhoCard:hover .grutaVerde { display: none; }
.caminhoCard:hover .grutaBranco { display: block; }
.grutaVerde { display: block; }
.grutaBranco { display: none; }
.caminhoCard:hover .sideraVerde { display: none; }
.caminhoCard:hover .sideraBranco { display: block; }
.sideraVerde { display: block; }
.sideraBranco { display: none; }
.caminhoCard:hover .riogaloVerde { display: none; }
.caminhoCard:hover .riogaloBranco { display: block; }
.riogaloVerde { display: block; }
.riogaloBranco { display: none; }
.mapa {
    width: 94%;
    margin: auto;
    border-radius: 30px;
}
/*************************/
/*      REGRAS      */
.txtRegras {
    max-width: 550px;
    margin-top: 30px;
}
.cardRegras {
    text-align: center;
    min-width: 105px;
    width: 33%;
    margin-bottom: 10px;
}
.cardRegrasImg {
    height: 115px;
}
.cardRegrasTxt {
    height: 52px;
}
/*************************/
/*      SOCIAL      */
.cardSocial {
    max-width: 550px;
    height: 160px;
    background-color: #FBF9F9;
    border-radius: 110px;
    margin: auto;
    box-sizing: border-box;
    padding: 25px 25px 20px 40px;
}
.tituloSocial {
    font-size: 24px;
    color: #4E4D4D;
    font-weight: bold;
}
.txtSocial {
    font-size: 18px;
    color: #8A8A9B;
    opacity: 0.7;
}
.containerTxtSocial { max-width: 400px; }
/*************************/
/*      DUVIDAS     */
#duvidas {
    background: rgb(21, 56, 68);
    background: linear-gradient(117deg, rgba(21, 56, 68, 1) 0%, rgba(4, 38, 38, 1) 100%);
}
.txtSecDuvidas {
    color: #FBF9F9;
}
.tituloDuvidas {
    color: #2BB77E;
}
.conteinerDuvidas {
    width: 96%;
    max-width: 800px;
}
.imgDuvidas {
    width: 100%;
    max-width: 320px;
}
.perguntaDuvida {
    font-size: 24px;
    color: #2BB77E;
    font-weight: bold;
}
.respostaDuvida {
    font-size: 18px;
    color: #FBF9F9;
    opacity: 0.8;
}
/*************************/
/*      SOBRE - DICAS       */
#dicasVisita {
    background-color: #FBF9F9;
    padding: 50px;
}
.dicasVCard {
    width: 400px;
    border-radius: 40px;
    background-color: #FFF;
    padding: 20px;
}
.dicasVCardTitulo {
    color: #4E4D4D;
    font-size: 24px;
    font-weight: bold;
}
.dicasVImg {
    height: 100px;
    width: 80px;
    margin-right: 15px;
    margin-bottom: 15px;
}
/*************************/
/*      AGENDAMENTO     */
.tituloCancelar {
    color: #4E4D4D;
    font-weight: bold;
}
.tituloCancelarVerm {
    color: #FF5858;
    font-weight: bold;
}
.abaAgendamento {
    background-color: #FFF;
    border-radius: 30px 30px 0px 0px;
    box-sizing: border-box;
}
.corpoAgendamento {
    background-color: #FFF;
    border-radius: 0px 30px 30px 30px;
}
.corpoAgendamentoCancelar {
    background-color: #FFF;
    border-radius: 30px 0px 30px 30px;
}
.confirmaAgendamento {
    background-color: #FFF;
    border-radius: 30px;
    padding: 30px;
    width: 90%;
    max-width: 500px;
}
.cardOrientacoes {
    width: 50%;
    margin-top: 20px;
    min-width: 350px;
}
.icoOrientacoes {
    width: 80px;
    height: 100px;
}
/*************************/
/*  CAMINHO CORRENTE    */
.ccTitulo {
    font-size: 24px;
    font-weight: bold;
}
.ccCor {
    color: #4E4D4D;
}
.ccNumero {
    color: #FFF;
    background: rgb(37,183,156);
    background: linear-gradient(180deg, rgba(37,183,156,1) 0%, rgba(43,183,126,1) 100%);
    font-size: 42px;
    width: 86px;
    height: 86px;
    border-radius: 50px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ccLinha {
    background-color: #2BB77E;
    width: 5px;
    height: 600px;
    position: absolute;
    left: 53px;
    top: 150px;
    z-index: -999;
}
#ccBoxQuote {
    background: rgb(37,183,156);
    background: linear-gradient(126deg, rgba(37,183,156,1) 0%, rgba(43,183,126,1) 100%);
    border-radius: 20px;
    padding: 40px;
    box-sizing: border-box;
    width: 83%;
    margin: auto;
}
.ccTitCitacao {
    color: #FFF;
    font-size: 36px;
    font-weight: bold;
}
.ccCitacaoPT {
    color: #FFF;
    font-size: 18px;
    margin-top: 10px;
}
/*************************/
/*      ERROS           */
#erroSection {
    background-color: #F00;
}
.tituloErro, .linkErro {
    color: white;
}
.linkErro:hover{
    text-decoration: underline;
}
/*************************/
/*      CAROUSEL       */
.carousel-indicators button {
    height: 10px !important;
    width: 10px !important;
    margin: 0 10px !important;
    border-radius: 100%;
    background-color: #FFF !important;
}
/*************************/
/*      ACCORDION       */
.accordion {
    --bs-accordion-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-btn-focus-box-shadow: transparent;
    --bs-accordion-btn-icon:url('http://ceupaitome.com.br/images/mais.png');
    --bs-accordion-btn-active-icon:url('http://ceupaitome.com.br/images/menos.png');
}
/*************************/
@media screen and (max-width: 990px) {
    .btn_duvidas{ display: none; }
    .txt_duvidas { display: block; }
    .destaque_capa { width: 100%; }
    .fotoSobre { width: 100%; }
    .titulo_capa { font-size: 28px; padding-left: 10px; padding-top: 0px; }
    .txt_capa { font-size: 20px; padding: 15px 0px 20px 10px; }
    .tituloMenor { font-size: 18px; }
    .titulo { font-size: 26px;}
    .ptVerde { font-size: 20px; }
    .mapa { margin-bottom: 24px; }
    .caminhoCard { width: auto; }
    .caminhoCardHeader { font-size: 20px; }
    .caminhoCardP { font-size: 16px; }
    .imgDuvidas { margin-bottom: 30px; border-radius: 40px; }
    .perguntaDuvida { font-size: 18px; }
    .respostaDuvida { font-size: 16px; }
    .responsivo { display: block; }
    .inlineResponsivo { display: inline; }
    .naoresponsivo { display: none; }
    .cardRegras { width: 40%; }
    .cardRegrasTxt { font-size: 16px !important; height: 68px; }
    .sobreRegras { margin-top: 16px; }
    #dicasVisita { padding: 10px; }
    .m_esquerda{ justify-content: start !important; padding-left: 20px; margin-bottom: 10px; }
    .abaAgendamento { border-radius: unset; }
    .corpoAgendamento { border-radius: 0px ; }
    #secCinza { padding: 20px 0px 0px; }
    .corpoAgendamentoCancelar{ border-radius: 0px;}
    #ccLinha { display: none; }
}

@media screen and (min-width: 990px) {
    .capaDesktop{
        position: sticky; top: 100px;
    }
}