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

/* Estilização do Banner */

.carousel-container {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
  }
.meio{
    width: 100%;
  }
.carousel {
    display: flex;
    transition: transform 1.5s ease;
}
.slide {
    min-width: 100%;
    position: relative;
  }
.slide img {
    width: 1500px;
    max-height: 500px;
    display: block;
}
.caption {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 8px 15px;
    font-size: 14px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}
  
.slide:hover .caption {
    opacity: 1;
}

  .carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 20px;
    height: 20px;
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px; /* Defina a largura do fundo do botão */
    height: 40px; /* Defina a altura do fundo do botão */
    z-index: 2;
}

.carousel-control-prev {
    left: 15px;
}

.carousel-control-next {
    right: 15px;
}

.carousel-img {
    height: 2000px;
    object-fit: cover;
}
.carousel-caption-custom {
    position: absolute;
    bottom: 30px; /* Ajusta a posição da tarja */
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6); /* Fundo preto semi-transparente */
    color: white;
    padding: 10px 20px;
    border-radius: 5px; /* Bordas arredondadas para um efeito mais bonito */
    text-align: center;
}

/* Estilização do título dentro da tarja */
.carousel-caption-custom h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

/* Estilização específica para os cards de viagem */
/* Container do carrossel */
/* Container principal da seção de contato */

/* Container principal do carrossel de depoimentos */
/* Container do carrossel de depoimentos */
.depoimento-container {
    width: 120px !important; /* Garante um tamanho fixo */
    height: 120px !important; /* Mantém a proporção */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50% !important; /* Garante o formato circular */
    background-color: #ddd; /* Teste de fundo */
}

/* Imagem de perfil circular */
.carousel-indicators {
    display: none !important;
}

/* Aumentar o tamanho da imagem circular */
.depoimento-img {
    width: 180px !important; /* Define um tamanho maior */
    height: 180px !important; /* Mantém a proporção */
    object-fit: cover !important; /* Evita distorções */
    border-radius: 50% !important; /* Garante que fique circular */
    margin-bottom: 15px; /* Espaço entre a imagem e o nome */
}

/* Ajustar layout do card de depoimento */
.depoimento-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 500px; /* Define um limite para manter a organização */
    margin: 0 auto;
    padding-top: 20px; /* Adiciona espaçamento */
}

/* Nome do autor do depoimento */
.depoimento-nome {
    font-size: 22px; /* Aumenta o tamanho da fonte */
    font-weight: bold;
    color: #2a5d78;
    margin-bottom: 8px;
}

/* Texto do depoimento */
.depoimento-texto {
    font-size: 18px; /* Aumenta o tamanho do texto */
    color: #333;
    font-style: italic;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}
/* Ajuste nos controles do carrossel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.info-contato-container {
    background-color: #FFFAEE; /* Um tom neutro e elegante */
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px 0;
}
.info-contato-container ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}

/* Garante que os itens da lista também fiquem centralizados */
.info-contato-container ul li {
    list-style: none;
    margin-bottom: 10px;
    text-align: center;
}
/* Título principal */
.info-titulo {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 15px;
}

/* Parágrafos informativos */
.info-texto {
    text-align: center;
    font-size: 16px;
    color: var(--azul-escuro);
    margin-bottom: 15px;
}

/* Destaque para os itens de contato */
.info-destaque {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    margin-bottom: 8px;
}

.info-destaque i {
    color: #000000;
    margin-right: 5px;
}

/* Horários de atendimento */
.info-horario {
    padding-left: 20px;
    font-size: 14px;
    color: #444;
}

/* Links de contato (WhatsApp e E-mail) */
.info-whatsapp {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.info-whatsapp:hover {
    text-decoration: underline;
}

/* Botão de envio */
.btn-contato {
    background-color: #2a5d78;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 20px;
    text-transform: uppercase;
    transition: background-color 0.3s ease-in-out, transform 0.2s;
    border: none;
}



.btn-contato:hover {
    background-color: #1f4c5e;
    transform: scale(1.05);
}

/* Ajuste no espaçamento dos cartões */



.pacotes-titulo::before {
    font-size: 26px;
    margin-right: 8px;
}
.viagens-container {
    background-color: #e8f3f3; /* Um tom mais claro de cinza */
    padding: 40px 0;
    border-radius: 0px 0px 25px 25px;
}
/* Estilos para os cartões de viagem */

.btn-reserva {
    background-color: #2a5d78; /* Azul esverdeado */
    color: white;
    font-weight: bold;
    border-radius: 5px;
    padding: 10px 20px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color 0.3s ease-in-out, transform 0.2s;
    width: 80%;
    border: none;
}

.btn-reserva-pequeno {
    font-size: 16px; /* Reduzindo o tamanho do texto */
    padding: 6px 12px; /* Ajustando o espaçamento interno */
    width: auto; /* Para não ocupar a largura inteira */
}
/* Efeito hover */
.btn-reserva:hover {
    background-color: #1f4c5e; /* Tom mais escuro */
    transform: scale(1.05);
}

/* Ajuste para garantir que o botão fique alinhado */
.viagem-card-body .btn-reserva {
    margin-top: auto; 
    display: block;
}
.viagem-card {
    background-color: var(--branco);
    border-top: 5px solid #2a5d78; /* Cor verde */
    border-bottom: 2px solid #2a5d78;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 100%;
    margin: 15px;
    padding: 0;
    height: 500px; /* Reduzido para equilibrar */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Imagem no cartão */
.viagem-card-img-container {
    position: relative;
    width: 100%;
}

.viagem-card-img-container img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
}

/* Tarja de desconto */
.viagem-discount-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: green;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

/* Esconde a tarja se não houver desconto */
.viagem-discount-badge:empty {
    display: none;
}

/* Estilo para o título */
.viagem-card-title {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px; /* Reduzindo o espaço extra */
    margin-top: 10px; /* Adicionando margem pequena para evitar colar na imagem */
}

/* Preço original riscado */
.viagem-old-price {
    text-decoration: line-through;
    font-weight: bold;
    color: gray;
}

/* Preço final destacado */
.viagem-new-price {
    font-weight: bold;
    color: #28a745;
    font-size: 20px;
}

/* Seção de origem e destino */
.viagem-locais {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
}

.viagem-origem {
    color: #000000;
}

.viagem-tracado {
    margin: 0 10px;
    color: #2a5d78;
    font-weight: bold;
}

.viagem-destino {
    color: #000;
    font-weight: bold;
}

/* Ajuste no espaçamento do botão */
.viagem-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    flex-grow: 1; 
    justify-content: flex-start; /* Mantém os itens no topo */
}
.viagem-card-body .btn {
    margin-top: auto; /* Garante que o botão fique no final */
    width: 80%;
}

/* Ajuste no espaçamento do carrossel */
.carousel-inner {
    padding: 10px 20px;
}

/* Ajuste nos controles do carrossel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: black;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

/* Estilização do cartão de publicação */

/* Fundo da seção de publicações */
.publicacoes-container {
    background-color: #e8f3f3; /* Mesmo tom de fundo das viagens */
    padding: 40px 0;
    border-radius: 0px 0px 25px 25px;
}

/* Título da seção */
.pacotes-titulo-container {
    background-color: #2a5d78; /* Azul esverdeado */
    padding: 20px;
    text-align: center;
    border-radius: 25px 25px 0px 0px;
    margin-bottom: 0px;
}

.pacotes-titulo {
    font-size: 24px;
    font-weight: bold;
    color: var(--branco); /* Branco levemente transparente */
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Cartão de publicação */
.publicacao-card {
    background-color: #ffffff; /* Mantém os cards brancos */
    border-top: 5px solid #1f4c5e; /* Azul esverdeado */
    border-bottom: 2px solid #1f4c5e;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 100%;
    margin: 15px;
    padding: 0;
    height: 500px; /* Ajustado para manter harmonia */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Corpo do cartão */
.publicacao-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    flex-grow: 1;
    justify-content: space-between;
}

/* Container da publicação */
.publicacao-card-container {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Botão de "Ver Notícia" */
.publicacao-card-body .btn {
    margin-top: auto;
    background-color: #2a5d78; /* Azul esverdeado */
    color: white;
    font-weight: bold;
    border-radius: 5px;
    width: 80%;
    transition: background-color 0.3s ease-in-out, transform 0.2s;
}

/* Efeito hover no botão */
.publicacao-card-body .btn:hover {
    background-color: #1f4c5e;
    transform: scale(1.05);
}

.publicacao-card-title {
    margin-top: 5px; /* Reduz o espaço superior */
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px; /* Reduzindo o espaço extra */
    margin-top: 10px; /* Adicionando margem pequena para evitar colar na imagem */
}

/*Variáveis*/
:root {
    --verde: #49c32c;
    --azul: #0060b1;
    --cinza-medio: #545454;
    --azul-escuro: #222c34;
    --branco: #ffffff;
    --cinza-claro: #ced4da;
  }

/*Geral conteiner*/
*{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    padding: 0;
    margin: 0;
}

section {
    margin-bottom: 3rem; /* Ajuste o valor conforme necessário */
}
/*Menu*/

.nav-link {
    color: var(--cinza-medio);;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-link:hover {
    color: var(--verde);;
}

#navbarNav a.btn{
    text-transform: uppercase;
    font-weight: 600;
    background: var(--verde);;
    border-color: var(--verde);;
    border-radius: 0;
}

#navbarNav a.btn:hover{
    background: var(--azul);;
    border-color: var(--azul);;
}

/*Slider*/
.carousel-control-prev-icon{
    background-color: rgba(0, 0, 0, .5) ;
    padding: 2rem 1rem;
}


.carousel-control-next-icon{
    background-color: rgba(0, 0, 0, .5) ;
    padding: 2rem 1rem;
}

.carousel-caption {
    top: auto;
    bottom: 4rem;
    margin:0 auto;
    background-color: rgba(0, 0, 0, .5) ;
    width: 600px;
}

.carousel-caption h5, .carousel-caption p{
    color: var(--branco);
}

.btn.btn-primary.azul{
    background-color: var(--);;
    border-color: var(--azul);;
    border-radius: 0;
}

.btn.btn-primary.azul:hover{
    background-color: var(--verde);;
    border-color: var(--verde);;
    border-radius: 0;
}

/*Cursos*/
#cursos{
    padding: 30px 30px;
    background-color: var(--azul-escuro);;
}

#cursos h4{
    text-align: center;
    color:var(--branco);
}

.card{
    border:0;
    border-radius: 0;
}

.btn.btn-primary.verde{
    background-color: var(--verde);;
    border-color: var(--verde);;
    border-radius: 0;
}

.btn.btn-primary.verde:hover{
    background-color: var(--azul);
    border-color: var(--azul);
}

/*Texto*/

#institucional{
    padding: 30px 30px;
    color:var(--azul-escuro);
}

#institucional h3{
    text-align: center;
}




/*Eventos*/
#servicos{
padding-top: 1rem;
border : 1px solid var(--cinza-claro);;
border-top: 8px solid var(--verde);;

}

#servicos a{
    color: var(--verde);;
    text-decoration : none;
}

#servicos a:hover{
    color: var(--azul);;
}

.data{
    border: 3px solid var(--cinza-claro);;
}

.dia{  
    font-size: 2rem;
    font-weight: 600;
}

h4{
    font-weight: 600;
}


/*Números*/
#numeros{
    padding: 30px 30px;
    background-color: var(--azul-escuro);;
    background-image: url("../img/paralax.jpg");
    color: var(--branco);
    text-align: center;
}

#numeros h4, #numeros i, #numeros .timer, #numeros p{
    color : var(--branco);
}

.icone i {
    border: 2px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    font-size: 60px;
    padding: 10px;
}
.ver-mais-link {
    display: block;
    text-align: center;
    color: #007bff;
    font-weight: bold;
    margin-bottom: 8px;
    transition: color 0.3s ease-in-out;
}

.ver-mais-link:hover {
    color: #0056b3;
    text-decoration: underline;
}
.contador {
    font-size: 35px;
    line-height: 35px;
    font-weight: 700;
    margin-top: 10px;
}

.separador {
    width: 10%;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.47);
    margin: 15px auto;
}

.numero p {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    margin: 0px;
    text-transform: uppercase;
}

.paralax {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    width: 100%;
}

/*Entre em contato*/
.borda-azul{
    border-top: 7px solid var(--azul);;
}

/* Rodapé */


/* Estilização dos ícones */
.social-icons {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 15px;
}






/* Alinhamento de contato */


/* Ajustes de responsividade */






body {
    background-color: #FFFAEE;
}

#navbar{
    background-color: #FFFAEE;
}

.cinzel-default> {
    font-family: "Cinzel", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

/* Estilo para a seção de contato */
.Contato {
    display: flex;
    flex-direction: column; /* Alinha os itens verticalmente */
    align-items: right; /* Centraliza os itens horizontalmente */
    gap: 15px; /* Espaço entre os itens */
    color:rgba(0, 0, 0, 0.7)
}

/* Estilo para cada bloco de contato */
#telefone, #email, #endereco {
    display: flex;
    align-items: center; /* Alinha o ícone e o texto verticalmente */
    gap: 10px; /* Espaço entre o ícone e o texto */
    font-family: Arial, sans-serif; /* Fonte padrão */
    color: #333; /* Cor do texto */
}

/* Estilo para os ícones */
#telefone img, #email img, #endereco img {
    width: 24px; /* Tamanho padrão dos ícones */
    height: 24px; /* Tamanho padrão dos ícones */
    object-fit: contain; /* Garante que a imagem se ajuste ao tamanho */
}

/* Estilo para o texto de contato */
#telefone p, #email p, #endereco p {
    margin: 0; /* Remove margem padrão dos parágrafos */
    font-size: 16px; /* Tamanho da fonte */
}

/* Estilo adicional opcional */
footer a {
    color: #007bff; /* Cor dos links */
    text-decoration: none; /* Remove sublinhado dos links */
}

footer a:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}
.RedesSociais {
    display: flex;
    flex-direction: column; /* Alinha os itens verticalmente */
    align-items: right; /* Centraliza os itens horizontalmente */
    gap: 15px; /* Espaço entre os itens */
}

/* Estilo para cada bloco de rede social */
#facebook, #twitter, #instagram, #linkedin {
    display: flex;
    align-items: center; /* Alinha o ícone e o texto verticalmente */
    gap: 10px; /* Espaço entre o ícone e o texto */
    font-family: Arial, sans-serif; /* Fonte padrão */
    color: #333; /* Cor do texto */
}

/* Estilo para os ícones */
#facebook img, #twitter img, #instagram img, #linkedin img {
    width: 24px; /* Tamanho padrão dos ícones */
    height: 24px; /* Tamanho padrão dos ícones */
    object-fit: contain; /* Garante que a imagem se ajuste ao tamanho */
}

/* Estilo para o texto de redes sociais */
#facebook p, #twitter p, #instagram p, #linkedin p {
    margin: 0; /* Remove margem padrão dos parágrafos */
    font-size: 16px; /* Tamanho da fonte */
}

#formSendMessage {
    width: 100%;
    max-width: 450px; /* Define um tamanho máximo para não ficar muito largo */
    margin: 0 auto; /* Centraliza o formulário */
    text-align: left; /* Alinha os textos corretamente */
}
#formSendMessage input,
#formSendMessage textarea {
    width: 100%; /* Garante que os inputs não fiquem exageradamente largos */
    padding: 10px; /* Adiciona mais espaçamento interno */
    font-size: 14px; /* Reduz ligeiramente o tamanho do texto */
}
#formSendMessage .form-label,
#formSendMessage input,
#formSendMessage textarea,
.col-md-6 h4,
.col-md-6 p {
    color: #000; /* Set color to black */
}

/* Estilo adicional opcional */
footer a {
    color: #007bff; /* Cor dos links */
    text-decoration: none; /* Remove sublinhado dos links */
}

footer a:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}
footer p{
    color:#d4cebe;
}




/* CSS: Ajuste do posicionamento e transições */
.dropdown-menu {
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
}

.dropdown:hover .dropdown-menu,
.dropdown-menu:hover {
    opacity: 1;
    visibility: visible;
    display: block;
    margin-top: 0; /* Remove espaço entre item principal e submenu */
}

.navbar .dropdown-menu {
    margin-top: 0; /* Remove qualquer espaço adicional */
    top: 100%; /* Garante que o submenu começa logo abaixo do item principal */
}


.product-card {
    overflow: hidden;
    border-radius: 10px;
}

.product-card img {
    width: 100%; /* Faz com que a imagem ocupe toda a largura do contêiner */
    height: 350px; /* Altura fixa, ajuste conforme necessário */
    object-fit: cover; /* Mantém a proporção da imagem, cortando o excesso se necessário */
    transition: transform 0.3s ease;
}

.product-card:hover img {
    transform: scale(1.1);
}

.product-info {
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    text-align: center;
    transition: background 0.3s ease;
}

.product-info h3 {
    margin: 0;
    font-size: 1.5rem;
}

.product-card:hover .product-info {
    background: rgba(0, 0, 0, 0.7);
}

.btn-outline-light {
    border: 2px solid #fff;
    padding: 10px 20px;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
}

.btn-outline-light:hover {
    background: #fff;
    color: #000;
}
.btn-outline-dark {
    border: 2px solid #000; /* Borda preta */
    padding: 10px 20px;
    font-size: 1.2rem;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
    color: #000; /* Texto preto */
}
.btn-outline-dark:hover {
    background: #000; /* Fundo preto no hover */
    color: #fff; /* Texto branco no hover */
}

.btn-outline-dark i {
    margin-left: 10px;
}

.btn-outline-light i {
    margin-left: 10px;
}




#publicacoes {
    
}

.publication-link p {
    margin: 0;
    color: #7d7d7d;
}

.publication-link a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.publication-link a:hover {
    color: #ff6600; /* Cor de destaque ao passar o mouse */
}

.publication-link i {
    margin-left: 10px;
    font-size: 1.2rem;
}

.responsive-map {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Aspect ratio: 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 10px; /* Optional: Add some rounded corners */
}

.responsive-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Estilo para a seção de trabalhos */
#trabalhos {
    padding: 20px;
}

/* Estilo para o card do trabalho */
.card {
    border: 1px solid var(--cinza-claro);
    border-radius: 0;
    margin-bottom: 20px;
    overflow: hidden;
}

/* Imagem principal do trabalho */
.card img.rounded-start {
    width: 100%;
    height: auto;
}

/* Imagens secundárias em linha */
.secundarias {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 10px 0;
}

.secundarias img {
    height: 100px;
    object-fit: cover;
    border: 1px solid var(--cinza-claro);
}

/* Estilo para o carrossel de imagens internas */
.carousel-inner img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Estilo para os controles do carrossel */
.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    z-index: 2;
}

.carousel-control-prev {
    left: 15px;
}

.carousel-control-next {
    right: 15px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 20px;
    height: 20px;
    background-color: rgba(0, 0, 0, .5);
    padding: 2rem 1rem;
}


/* WhatsApp Floating Button */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    right: 40px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 40px;
    box-shadow: 2px 2px 3px #313131;
    z-index: 100;
}

.whatsapp-float:hover {
    background-color: #128c7e;
    color: #FFF;
    text-decoration: none;
}

.whatsapp-icon {
    margin-top: 7px;
}

@media (max-width: 992px) { /* Tablets: exibe 2 itens por vez */
    .carousel-inner .row {
        display: flex;
        flex-wrap: nowrap;
    }
    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 768px) { /* Celulares pequenos: exibe 1 item por vez */
    .carousel-caption-custom {
        bottom: 10px; /* Ajusta a posição */
        width: 80%; /* Reduz a largura */
        font-size: 12px;
        padding: 5px 10px;
    }
    .carousel-inner .row {
        display: flex;
        flex-wrap: nowrap;
    }
    .col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}