/* ---------- corpo ---------- */
body {
    background-color: #f8f9fa;
}

/* ---------- carousel ---------- */
.card.bg-image {
    background-image: url(../images/fundo_azul.webp);
    min-height: 62px;
}

div.carousel-item h1.fw-bold {
    color: white;
    font-family: 'Lato', sans-serif;
    word-spacing: 7px;
}

div.carousel-item h5.fw-bold {
    color: white;
}

h5 i.bi {
    color: rgb(72, 227, 72);
}

div.carousel-item h2.fw-bold {
    color: white;
    font-family: 'Lato', sans-serif;
}
/* ---------- fim carousel ---------- */

/* ---------- segmentos ---------- */
div#segmentos div div {
    background-color: rgba(255, 255, 255, .6);
}

@media(min-width: 577px) {
    div#segmentos img {
        max-width: 50%;
    }
}

@media(max-width: 576px) {
    div#segmentos img {
        max-width: 33%;
    }
}
/* ---------- fim segmentos ---------- */

/* ---------- motivos ---------- */
.mot i {
    font-size:36px;
    color: rgb(4, 39, 195);
}

.mot {
    width: 80px;
    height: 80px;
}

.mot-selecionado i {
    font-size:36px;
    color: white;
}

.mot-selecionado {
    width: 80px;
    height: 80px;
    background-color: #1c78fe;
}
/* ---------- fim motivos ---------- */

/* ---------- modulos fiscais ---------- */
.nav-link {
    width: 50px;
    height: 50px;
    background: #0d6efd !important;
}

.nav-link i {
    font-size: 22px;
    color: #e8ecef;
}

div.tab-pane p.h1 {
    color: #0d6efd;
}

div.tab-pane p.h6 i {
    color: rgb(72, 227, 72);
}

.barMod {
    background-image: url(../images/fundo_azul.webp);
}

.barMod p {
    color: white;
    font-family: 'Lato', sans-serif;
    word-spacing: 7px;
}

li.nav-item p.h6 {
    color: #0d6efd;
}
/* ---------- fim modulos fiscais ---------- */

/* ---------- botoes ---------- */
.botaoW {
    background-color: #25D366;
    text-decoration: none !important;
}

#botaoPlanos {
    background-color: rgb(243, 88, 94);
}

/* ---------- modulos gerenciais ---------- */
#descMod > div p.h3 {
    color: #0d6efd;
}

#descMod > div > p.h3 > i {
    font-size: 32px;
}
/* ---------- fim modulos gerenciais ---------- */

/* ---------- planos ---------- */
#barPlanos {
    background-image: url(../images/fundo_azul.webp);
}

@media(min-width: 900px) {
    div.plano {
        max-width: 24% !important;
    }
    div.plano-selecionado {
        max-width: 24% !important;
    }
}

#planos div.plano {
    background-color: #ffffff;
}

div#planos div.plano div > i {
    color: #4a8aeb;
    background: -webkit-gradient(linear, left top, left bottom, from(#77a2f4), to(#0044cf));
	-webkit-background-clip: text;
    background-clip: text;
	-webkit-text-fill-color: transparent;
}

div#planos div p i {
    color: rgb(72, 227, 72);
}


/* selecionado transporte */
#planos div.plano-selecionado#transporte div > i {
    color: #93d5f7;
}

#planos div.plano-selecionado#transporte > p.h1 {
    color: #93d5f7;
}

#planos div.plano-selecionado#transporte {
    border-color: #93d5f7 !important;
}

#planos div.plano-selecionado#transporte div > a {
    background-color: #93d5f7 !important;
}


/* selecionado leve */
#planos div.plano-selecionado#leve div > i {
    color: #5bc6f2;
}

#planos div.plano-selecionado#leve > p.h1 {
    color: #5bc6f2;
}

#planos div.plano-selecionado#leve {
    border-color: #5bc6f2 !important;
}

#planos div.plano-selecionado#leve div > a {
    background-color: #5bc6f2 !important;
}


/* destaque basico */
#planos div.plano-destaque div > i {
    color: #00acea !important;
}

#planos div.plano-destaque > p.h1 {
    color: #00acea !important;
}

#planos div.plano-destaque {
    border-color: #00acea !important;
}

#planos div.plano-destaque div > a {
    background-color: #00acea !important;
}

#recomendado {
    background-color: #00acea !important;
    color: white;
}


/* selecionado avancado */
#planos div.plano-selecionado#avancado div > i {
    color: #271e67;
}

#planos div.plano-selecionado#avancado > p.h1 {
    color: #271e67;
}

#planos div.plano-selecionado#avancado {
    border-color: #271e67 !important;
}

#planos div.plano-selecionado#avancado div > a {
    background-color: #271e67 !important;
}

/* ---------- fim planos ---------- */

/* ---------- rodape ----------*/
#rodape {
    background-image: url(../images/fundo_azul.webp);
}

#rodape div p {
    color: white;
    font-family: 'Lato', sans-serif;
}

#rodape div a i {
    color: white;
}

/* ---------- fim rodape ----------*/

/* ---------- icon custom ----------*/
.bi-cloud-x-fill {
    content: url(../images/cloud-x-fill.svg);
    max-width: 24px;
    max-height: 21.6px;
}

/* ----------- nav bar ------------*/
#navBar.sf {
    background-color: none;
}

#navBar.fb {
    background-color: white;
}

#navBar.sf #navbarNav > div a {
    color: white;
    text-decoration: none !important;
}

#navBar.fb #navbarNav > div a {
    color: #0d6efd;
    text-decoration: none !important;
}

#navBar.sf #navbarToggler > i {
    color: white;
}

#navBar.fb #navbarToggler > i {
    color: #0d6efd;
}

@media(min-width: 577px) {
    #logoNavBar {
        width: 90%;
    }
}

@media(max-width: 576px) {
    #logoNavBar {
        max-width: 80%;
    }
}