@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@800&family=Raleway:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --primary: #304591;
    --primary-alt: #283c85;
    --secondary: #ffdc00;
    --secondary-alt: #edcc00;
    --preto: #0d112b;
    --amarelo: #ffdc00;
    --azul: #0084e3;
    --gradient-azul: linear-gradient(90deg, #006ad7 0%, #0095eb 100%);
    --gradient-laranja: linear-gradient(90deg, #e45a24 0%, #ea861e 100%);
}
html {
    font-family: 'Raleway', sans-serif;
}
body {
    font-family: 'Raleway', sans-serif;
    color: var(--preto);
    font-size: 1.15rem;
    line-height: 1.2;
}
a {
  color: var(--primary);
}
a:hover {
  color: var(--primary-alt);
}
.navbar {
    position: relative;
    padding-top: .25rem;
    padding-bottom: .25rem;
    background-color: var(--azul);
    z-index: 999;
    box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, .65);
}
.navbar .navbar-nav .nav-link {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    transition: all .4s linear;
}
.navbar .navbar-nav .active > .nav-link, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show > .nav-link,
.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {
    color: #fff;
}
@media (min-width: 992px) {
    .navbar .navbar-nav .nav-item + .nav-item {
        border-left: 1px solid var(--amarelo);
    }
}
.navbar-light .navbar-toggler {
    border-color: var(--preto);
}
.navbar .btn {
    padding: .15rem .875rem;
    background-color: var(--amarelo) !important;
    border-color: var(--amarelo) !important;
    color: var(--preto);
    box-shadow: none !important;
    border-radius: .75rem;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 700;
}
@media (min-width: 992px) {
    .navbar .btn {
        margin-left: .5rem;
    }
    .navbar .navbar-nav .nav-link {
        padding-top: .15rem;
        padding-bottom: .15rem;
    }
}
.navbar .btn > span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.navbar .btn > span > i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    margin-right: .5rem;
    background-color: var(--preto);
    color: var(--primary);
    border-radius: 50%;
    font-size: .75rem;
}
.barra-topo {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: var(--amarelo);
    text-align: center;
    color: var(--preto);
    font-size: .75rem;
}
.barra-topo span {
    margin: 0 .5rem;
}
.carousel {

}
.carousel-indicators {
    margin: 0 0 -2rem;
    align-items: center;
}
.carousel-indicators li {
    width: 40px;
    height: 40px;
    margin-left: .35rem;
    margin-right: .35rem;
    background-color: var(--primary);
    border-radius: 50%;
    opacity: 1;
}
.carousel-indicators .active {
    width: 50px;
    height: 50px;
    background-color: var(--primary);
}
.btn {
    padding: .45rem 1.5rem;
    border-radius: 2rem;
}
.btn-primary, .btn-primary:disabled, .btn-primary.disabled {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
    font-weight: 500;
}
.btn-primary:hover, 
.btn-check:focus + .btn-primary, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-alt);
    border-color: var(--primary-alt)
}
.btn-check:focus + .btn-primary, .btn-primary:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(48, 69, 145, 0.5);
}
.btn-secondary, .btn-secondary:disabled, .btn-secondary.disabled {
    color: var(--primary);
    background-color: var(--secondary);
    border-color: var(--secondary);
    font-weight: 500;
}
.btn-secondary:hover, 
.btn-check:focus + .btn-secondary, .btn-secondary:focus, 
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: var(--primary);
    background-color: var(--secondary-alt);
    border-color: var(--secondary-alt);
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(237 204 , 0, 0.5);
}
.titulo {
    position: relative;
    margin: 0 0 3rem;
    font-size: 2rem;
    font-weight: 900;
    line-height: .8;
    color: var(--primary);
    text-align: center;
}
.titulo span {
    padding: .45rem 1rem;
    display: inline-block;
    background: var(--gradient-laranja);
    border-radius: 2rem;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
}
@media (min-width: 992px) {
    .titulo {
        font-size: 4.5rem;
    }
    .titulo span {
        font-size: 3rem;
    }
}
.bg-home {
    background: url('../img/home/bg.png') no-repeat center #f7f7f7;
    background-size: cover;
}
.vantagens {
    margin-top: -2rem;
}
@media (min-width: 992px) {
    .vantagens {
        margin-top: -5rem;
    }
}
.vantagens .vantagem {
    margin-bottom: 2rem;
    padding: 1rem;
    background-color: var(--amarelo);
    border-radius: 2rem;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 600;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .3);
}
.vantagens .vantagem img {
    height: 80px;
    margin-bottom: 1rem;
}
@media (min-width: 992px) {
    .vantagens .vantagem img {
        height: auto;
    }
}
.consulte-cobertura-box {
    margin-top: 2rem;
    padding: 2rem 1.5rem;
    background: var(--gradient-azul);
    border-radius: 2.5rem;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, .3);
    color: #fff;
    font-weight: 500;
}
.consulte-cobertura-box h3 {
    margin: 0;
    font-size: 3rem;
    font-weight: 900;
    line-height: 1;
}
.consulte-cobertura-box form {
    margin-top: 1rem;
}
.consulte-cobertura-box form label {
    display: block;
    margin: 0;
    font-size: 1.5rem;
    font-weight: 400;
}
.consulte-cobertura-box form .form-group p {
    margin-bottom: 0;
}
.consulte-cobertura-box form .form-control {
    border-radius: .875rem;
    background-color: #ddd;
    border-color: #ddd;
}
.consulte-cobertura-box form .btn {
    padding: .25rem .5rem;
    border-radius: .5rem;
    font-size: 1.25rem;
    font-weight: 600;
}
.consulte-cobertura-box .wpcf7-spinner {
    position: absolute;
    left: 50%;
    bottom: -1rem;
    transform: translateX(-50%);
    margin: 0;
}
.consulte-cobertura-box .wpcf7-response-output {
    margin: 0 !important;
}
.diferenciais {
    padding-top: 3rem;
    padding-bottom: 5rem;
}
.diferenciais .diferencial {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 4rem;
    color: #fff;
}
@media (min-width: 992px) {
    .diferenciais .diferencial {
        border-radius: 7rem;
    }
}
.diferenciais .diferencial .diferencial-texto {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5rem 2rem 2rem;
    text-align: center;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 5%, rgba(255, 255, 255, 0) 95%);
}
.diferenciais .diferencial .diferencial-texto h3 {
    margin: 0 0 1rem;
    font-size: 2.5rem;
    font-weight: 600;
}
.diferenciais .diferencial .diferencial-texto .btn {
    padding: .35rem 1.5rem;
    font-size: 1.25rem;
    font-weight: 500;
}
@media (min-width: 992px) {
    .diferenciais .diferencial .diferencial-texto h3 {
        font-size: 4rem;
    }
    .diferenciais .diferencial .diferencial-texto .btn {
        font-size: 1.5rem;
    }
}
.planos {
    padding-top: 2rem;
    padding-bottom: 3rem;
    background: var(--gradient-laranja);
    overflow: hidden;
}
.planos .planos-bg {
    position: absolute;
    right: 0;
    bottom: 2rem;
    height: 100px;
}
.planos .titulo {
    margin: 0;
}
.planos .titulo span {
    background: var(--amarelo);
    color: var(--primary);
    font-size: 1.5rem;
}
@media (min-width: 992px) {
    .planos .titulo span {
        font-size: 3rem;
    }
}
.planos h4 {
    margin: 0 0 1rem;
    text-align: center;
}
.planos h4 > span {
    display: inline-block;
    padding: .15rem 2.5rem;
    background: var(--gradient-azul);
    border-radius: 3rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 800;
}
@media (min-width: 992px) {
    .planos h4 > span {
        font-size: 3.25rem;
    }
}
.planos .slider-planos {
    margin-bottom: 7rem;
}
.planos .slider-planos .slick-prev, .planos .slider-planos .slick-next {
    width: 40px;
    height: 40px;
    font-size: inherit;
}
.planos .slider-planos .slick-prev::before, .planos .slider-planos .slick-next::before {
    content: '';
}
.planos .btn {
    padding: .25rem 2.5rem;
    font-size: 2rem;
    font-weight: 700;
}
.plano {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 5rem 1rem 0;
    padding: 1rem .65rem 1.5rem;
    background: var(--gradient-azul);
    color: #fff;
    border-radius: 2.5rem;
    text-align: center;
}
.plano .plano-mais-vendido {
    position: absolute;
    top: -5rem;
    left: -4rem;
    height: 200px;
}
.plano .plano-velocidade {
    padding-right: .5rem;
    font-size: 7rem;
    font-weight: 800;
    line-height: 1;
    text-shadow: 5px 5px 7px rgba(0, 0, 0, .3);
    letter-spacing: -.9rem;
    font-family: 'Poppins', sans-serif;
}
.plano .plano-velocidade > span {
    display: block;
    margin-top: -1.5rem;
    font-size: 4rem;
    text-shadow: none;
    color: var(--amarelo);
    letter-spacing: 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 900;
}
@media (min-width: 992px) {
    .plano .plano-velocidade {
        font-size: 9rem;
        letter-spacing: -1rem;
    }
    .plano .plano-velocidade > span {
        margin-top: -2rem;
        font-size: 5rem;
    }
}
.plano .plano-preco {
    margin: 1rem -1.5rem;
    padding: .5rem 1rem;
    background-color: var(--amarelo);
    border-radius: 1.5rem;
    color: var(--primary);
    font-size: 5rem;
    font-weight: 800;
    line-height: 1;
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .3);
    font-family: 'Poppins', sans-serif;
}
.plano .plano-preco > sub {
    bottom: 0;
    font-size: 2.5rem;
}
.planos-empresa {
    padding-top: 5rem;
    padding-bottom: 3rem;
}
.planos-empresa .titulo {
    margin-bottom: 4rem;
}
.planos-empresa .btn {
    padding: .25rem 2rem;
    font-size: 2rem;
    font-weight: 700;
}
.plano-empresa {
    margin-bottom: 2rem;
    padding: 1.15rem;
    background: var(--gradient-azul);
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    border-radius: 2rem;
}
@media (min-width: 992px) {
    .plano-empresa {
        font-size: 2.5rem;
    }
}
.bg-final {
    background: url('../img/home/bg-final.png') no-repeat center;
    background-size: contain;
}
.central-assinante {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary);
}
.central-assinante h3 {
    margin: 0 0 2rem;
    font-size: 3rem;
    font-weight: 900;
    color: var(--primary);
    line-height: 1;
}
@media (min-width: 992px) {
    .central-assinante h3 {
        font-size: 4.5rem;
    }
}
.central-assinante p > span {
    display: inline-block;
    margin-bottom: .75rem;
    padding: .15rem 1rem;
    border-radius: .75rem;
    background-color: var(--amarelo);
}
.central-assinante .btn {
    padding: .25rem 1.5rem;
    font-size: 1.25rem;
}
.faq {
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--primary);
}
.faq h3 {
    margin: 0 0 2rem;
    font-size: 3rem;
    font-weight: 700;
    color: var(--primary);
    line-height: 1;
}
@media (min-width: 992px) {
    .faq h3 {
        font-size: 4.5rem;
    }
}
.faq .accordion .card {
    margin-bottom: 0;
    border: 2px solid var(--rosa);
    border-radius: 1.2rem;
}
.faq .accordion .card .card-header {
    padding: 0;
    background-color: transparent;
    border-bottom: 0;
}
.faq .accordion .card .card-header .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
    color: var(--primary);
    font-size: 1.25rem;
    line-height: 1;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: none !important;
}
.faq .accordion .card .card-header .btn > i {
    margin-left: .5rem;
}
.faq .accordion .card .card-body {
    padding: 1rem;
    font-weight: 300;
    border-top: 2px solid var(--primary);
}
.faq h4 {
    margin: 1.5rem 0 .5rem;
    font-weight: 700;
}
.faq .btn {
    padding: .35rem 2rem;
    font-size: 1.5rem;
    font-weight: 700;
}
.siga-redes-sociais {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.siga-redes-sociais h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 3rem;
    font-size: 2rem;
    font-weight: 600;
    color: #4b494a;
}
@media (min-width: 992px) {
    .siga-redes-sociais {
        padding-bottom: 8rem;
    }
    .siga-redes-sociais h3 {
        font-size: 3rem;
    }
}
.siga-redes-sociais h3 > img {
    margin-left: 1rem;
}
.conteudo-pagina {
    padding-top: 5rem;
    padding-bottom: 2rem;
    font-size: 1.1rem;
}
.conteudo-pagina h1 {
    margin: 0 0 3rem;
    font-weight: 900;
    color: var(--primary);
    text-align: center;
}
@media (min-width: 992px) {
    .conteudo-pagina h1 {
        font-size: 3rem;
    }
}
.conteudo-pagina .texto-pagina {
	margin-top: 1.5rem;
}
.conteudo-pagina .galeria-pagina {
	margin-top: 2rem;
}
.pagina-404 {
	padding-bottom: 1.2rem;
    font-size: 1.5rem;
    text-align: center;
}
.pagina-404 i.far {
	font-size: 9rem;
    color: var(--primary);
    margin-right: 1.75rem;
}
.pagina-404 p {
	font-size: 100px;
    color: var(--primary);
    margin-bottom: 0 !important;
}
@media (min-width: 992px) {
    .pagina-404 i.far {
        font-size: 12rem;
    }
    .pagina-404 p {
        font-size: 10rem;
    }
}
.pag-quem-somos {
    padding-top: 5rem;
    padding-bottom: 3rem;
    font-weight: 500;
}
.pag-quem-somos h1 {
    margin: 0 0 1rem;
    color: var(--primary);
    font-weight: 900;
}
@media (min-width: 992px) {
    .pag-quem-somos {
        font-size: 2.25rem;
    }
    .pag-quem-somos h1 {
        font-size: 5rem;
        line-height: 1;
    }
}
.pag-planos {
    padding-top: 2rem;
    padding-bottom: 1rem;
    background: transparent;
    text-align: center;
    font-size: 1.3rem;
}
.pag-planos h1 {
    margin: 0 0 1rem;
    color: var(--primary);
    font-size: 2rem;
    font-weight: 900;
}
@media (min-width: 992px) {
    .pag-planos h1 {
        font-size: 4rem;
    }
}
.teste-velocidade {
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.teste-velocidade .btn {
    padding: .35rem 1.5rem;
    border-radius: 1rem;
    font-size: 1.3rem;
    font-weight: 900;
}
.teste-velocidade .teste-velocidade-box {
    margin-top: -1rem;
    padding: 2rem;
    border-radius: 2rem;
    box-shadow: 0px 3px 6px #00000029;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 700;
}
@media (min-width: 992px) {
    .teste-velocidade .btn {
        font-size: 1.75rem;
    }
    .teste-velocidade .teste-velocidade-box {
        padding: 2rem 3rem;
        font-size: 1.75rem;
    }
}
.trabalhe-conosco {
    padding-top: 5rem;
    padding-bottom: 4rem;
}
.trabalhe-conosco h1 {
    margin: 0 0 .5rem;
    color: var(--preto);
    text-align: center;
    font-size: 2.2rem;
    font-weight: 900;
}
.trabalhe-conosco p {
    margin-bottom: 1.5rem;
    color: var(--preto);
    font-size: 1.4rem;
    text-align: center;
}
@media (min-width: 992px) {
    .trabalhe-conosco h1 {
        font-size: 2.5rem;
    }
}
.trabalhe-conosco .form-trabalhe-conosco {
    padding: 2rem 1.5rem;
    background-color: var(--preto);
    border-radius: 2rem;
}
@media (min-width: 992px) {
    .trabalhe-conosco .form-trabalhe-conosco {
        padding: 2rem 2.5rem 1rem;
    }
}
.trabalhe-conosco .form-trabalhe-conosco .form-group {
    margin-bottom: .5rem;
}
.trabalhe-conosco .form-trabalhe-conosco .form-control {
    border-color: #fff;
    border-radius: .5rem;
    font-size: 1.15rem;
    font-weight: 600;
}
.trabalhe-conosco .form-trabalhe-conosco .form-control[type=file] {
    background-color: var(--primary);
    border-color: var(--primary);
}
.trabalhe-conosco .form-trabalhe-conosco .form-control[type=file]::-webkit-file-upload-button {
    visibility: hidden;
}
.trabalhe-conosco .form-trabalhe-conosco .form-control[type=file]::before {
    content: 'Anexar currículo!';
    display: inline-block;
    display: block;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 400;
    background-color: var(--primary);
    color: #fff;
}
.trabalhe-conosco .form-trabalhe-conosco .btn {
    padding: .5rem 1rem;
    background-color: #fff;
    border-color: #fff;
    color: var(--primary);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1;
    border-radius: .5rem;
}
.trabalhe-conosco .form-trabalhe-conosco .wpcf7-spinner {
    position: absolute;
    right: -3rem;
    top: .5rem;
}
.trabalhe-conosco .form-trabalhe-conosco .wpcf7-response-output {
    margin-top: 1rem;
    color: #fff;
}
.fale-conosco {
    padding-top: 4rem;
    padding-bottom: 3rem;
}
.fale-conosco h1 {
    margin: 0 0 2rem;
    text-align: center;
    font-weight: 900;
    color: var(--primary);
}
@media (min-width: 992px) {
    .fale-conosco h1 {
        font-size: 3rem;
    }
}
.fale-conosco form .form-control {
    background-color: #bebebe;
    border-color: #bebebe;
    border-radius: .75rem;
    font-size: 1.2rem;
    font-weight: 500;
}
.fale-conosco form .btn {
    padding: .5rem 3rem;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    border-radius: .5rem;
}
.fale-conosco form .wpcf7-spinner {
    position: absolute;
}
.pag-contrato {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.pag-contrato h2 {
    margin: 0 0 2rem;
    font-weight: 900;
    text-align: center;
    color: var(--primary);
}
@media (min-width: 992px) {
    .pag-contrato h2 {
        font-size: 2.5rem;
    }
}
.pag-contrato .btn-light {
    padding: .75rem 1rem;
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--preto);
    border-radius: .75rem;
    font-size: 1rem;
    line-height: 1;
    font-weight: 600;
    box-shadow: 0px 3px 6px #00000029;
}
.pag-contrato .btn-light > span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.pag-contrato .btn-light > span > i {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    margin-right: .5rem;
    background-color: var(--preto);
    color: var(--primary);
    border-radius: 50%;
    font-size: .75rem;
}
.pag-contrato .contrato {
    margin-bottom: 1rem;
    text-align: center;
}
.pag-contrato .contrato .btn {
    padding: .5rem 1.2rem;
    margin-top: -1.5rem;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 700;
    border-radius: 2rem;
}
.pag-unidades {
    padding-top: 5rem;
    padding-bottom: 2rem;
}
.pag-unidades h2 {
    margin: 0 0 2rem;
    font-size: 1.875rem;
    font-weight: 900;
    color: var(--primary);
    text-align: center;
}
.pag-unidades h2 > img {
    max-width: 45%;
}
.pag-unidades h2 > span {
    display: inline-block;
    padding: 1.5rem 1rem 1rem;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 2rem;
}
.unidade {
    margin-top: 2rem;
}
.unidade h3 {
    padding: 1.2rem;
    background-color: var(--preto);
    color: #fff;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
    border-radius: 1.5rem;
}
@media (min-width: 768px) {
    .unidade h3 {
        margin-left: -6rem;
        font-size: 1.75rem;
    }
}
.servicos-digitais {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.servico-digital {
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.05rem;
}
.servico-digital > img {
    margin-bottom: -6rem;
    padding: 0 4rem;
    max-width: 20rem;
}
.servico-digital > div {
    padding: 8rem 2rem 2rem;
    background-color: #e4e4e4;
    border-radius: 2rem;
}
.servico-digital p {
    margin-bottom: 2rem;
}
.servico-digital .btn {
    padding: .35rem 1.5rem;
    font-size: 1.15rem;
}
.servicos-selecionados {
    text-align: center;
}
.servicos-selecionados p {
    margin: 0;
    padding: 1rem 1rem 2rem;
    border-radius: 1rem;
    background-color: var(--primary);
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    color: #fff;
}
.servicos-selecionados .btn {
    padding: .5rem 2.5rem;
    margin-top: -2rem;
    border-radius: 1.1rem;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 800;
}
.whatsapp-flutuante {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 998;
}
.whatsapp-flutuante a {
    display: inline-block;
    padding: 0.5rem 0.875rem;
    background-color: #0bbd18;
    border-radius: 0.5rem;
    box-shadow: 0px 3px 6px #00000029;
    color: #fff;
}
.rodape {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background: url('../img/bg-rodape.png') no-repeat center;
    background-size: cover;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
}
.rodape img {
    margin-bottom: 2.5rem;
}
.rodape h4 {
    margin: 0 0 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
}
@media (min-width: 992px) {
    .rodape h4 {
        line-height: .8;
    }
    .rodape .row > div + div {
        border-left: 1px solid #fff;
    }
}