#home {
    background-color: var(--background-cinza);
    border-radius: 5px;
    height: calc(100% + 40vh);
}

#home .info-titulo {
    margin-top: 2em;
    margin-bottom: 2em;
}

#home .info-titulo i {
    margin: 1em;
    font-size: 20px;
}

#home .btn-light-blue {
    width: 264px;
    /*height alterado de 41px para 55px*/
    height: 55px;
    background: #dcfed5;
    border: 1px solid #a7f5a8;
    border-radius: 10px;
    color: #0c9103;
}

#home .bi-exclamation-circle {
    color: #0c9103;
}

#home .btn-light-blue:hover {
    color: black;
}


#home .bi-facebook,
#home .bi-linkedin,
#home .bi-instagram {
    font-size: 30px;
    margin-right: 8px;
}

#home .bi-facebook {
    color: #0866ff;
}

#home .bi-linkedin {
    color: #0a66c2;
}

#home .bi-instagram {
    background: linear-gradient(45deg, #833AB4, #E1306C, #F56040, #FFDC80);
    -webkit-background-clip: text;
    color: transparent;
}

#home .conteudo {
    display: flex;
    background-color: var(--background-white);
    border-radius: 1em;
    margin: 1em;
    padding: 1em;
    height: 80%;
    flex-direction: column;
}

#home .header-1 {
    display: flex;
    align-items: center;
}

#home .titulo {
    margin-bottom: 0;
}

#home .linha-header {
    display: flex;
    flex-grow: 1;
    margin-left: 1rem;
    border-bottom: 1px solid #dee2e6;
    justify-content: flex-end;
}

#home .linha-header a {
    margin-right: 8px;
}

#home .header-rodape {
    display: flex;
    justify-content: end;
    margin-top: 1em;
}

#carouselSlide .carousel-item img {
    border-radius: 1em;
}


.modal-body img{
    width: 100%;
}

/*Media para tamanho de fonte e estrutura para dimensões de telas.
    320px — 480px: dispositivos móveis. > max-width: 480px
    481px — 768px: iPads, tablets. > max-width: 770px
    769px — 1024px: telas pequenas, laptops. > max-width: 1024px
*/
@media (max-width: 480px) {
    #home .info-titulo p {
        font-size: 12px;
    }

    #home {
        height: 90vh;
    }

}


.mud-carousel {
    max-width: 100%;
    height: 200px;
}

.mud-carousel-item {
    display: flex;
    justify-content: center;
    align-items: center;
}