.h2-custom {
    font-size: 1.25rem; /* Tamanho equivalente ao h5 */
    font-weight: bold; /* Caso queira manter o peso do h2 */
    line-height: 1.2; /* Ajuste opcional de altura de linha */
}

/* Ajuste adicional para telas menores, se necessário */
@media (max-width: 576px) {
    .h2-custom {
        font-size: 1rem; /* Diminui um pouco mais o h2 em telas menores */
    }
}

.border-debug { /* Estilo temporário para visualizar as bordas das divs */
    border: 2px solid red; /* Borda vermelha para fácil visualização */
}

.featurette-divider { /* Espaço entre os divisores */
    margin: 5rem 0;
}

/* Estilização para os links da navbar */
.navbar-nav .nav-link {
    font-size: 20px; /* Aumenta o tamanho da fonte para desktops */
}

/* Estilização específica para dispositivos móveis */
@media (max-width: 768px) {
    .navbar-nav .nav-link {
        font-size: 25px; /* Tamanho da fonte um pouco menor para dispositivos móveis */
    }
}

/* Estilos padrão para telas grandes */
.meu-h2 {
    font-size: 40px; /* Tamanho padrão para desktops */
}

/* Estilos padrão para telas grandes */
.maior-h2 {
    font-size: 38px; /* Tamanho padrão para desktops */
}

.maior-p {
    font-size: 25px; /* Tamanho padrão para parágrafos em desktops */
}

/* Estilos para tablets e telas médias (por exemplo, acima de 768px e abaixo de 992px) */
@media (min-width: 768px) and (max-width: 991px) {
    .maior-h2 {
        font-size: 32px; /* Tamanho reduzido para melhor adaptação em tablets */
    }

    .maior-p {
        font-size: 22px; /* Tamanho reduzido para parágrafos em tablets */
    }
}

/* Estilos para dispositivos móveis (telas menores que 768px) */
@media (max-width: 767px) {
    .maior-h2 {
        font-size: 30px; /* Tamanho menor para facilitar a leitura em smartphones */
    }

    .maior-p {
        font-size: 18px; /* Tamanho menor para parágrafos em smartphones */
    }
}

/* Estilos para telas muito pequenas ou quando maior legibilidade é necessária (abaixo de 480px) */
@media (max-width: 479px) {
    .maior-h2 {
        font-size: 26px; /* Mínimo para garantir legibilidade em telas muito pequenas */
    }

    .maior-p {
        font-size: 16px; /* Mínimo para parágrafos garantindo legibilidade em telas muito pequenas */
    }
}

.bold {
    font-weight: bold; /* Aplica o estilo de negrito */
}

.texto-justificado {
    text-align: justify;
}

.texto-direita {
    text-align: right;
}

.texto-esquerda {
    text-align: left;
}

/* Estilos para dispositivos móveis espaço entre a navbar e as mensagens de erro */
@media (max-width: 767px) { /* Tela de 767px ou menos é comumente usada para identificar dispositivos móveis */
    #errorMessage {
        padding-top: 107px; /* Menor padding para dispositivos móveis */
    }
}

/* Estilos para desktops espaço entre a navbar e as mensagens de erro */
@media (min-width: 768px) { /* Tela de 768px ou mais é comumente usada para identificar tablets e desktops */
    #errorMessage {
        padding-top: 176px; /* Maior padding para desktops */
    }
}

/* Estilos para desktops com telas maiores */
@media (min-width: 780px) { /* Ajuste o breakpoint conforme necessário */
    #servicos {
        padding-top: 176px;
        margin-top: -176px;
    }
}

/* Estilos para dispositivos portáteis com telas menores */
@media (max-width: 779px) { /* Este breakpoint deve ser menor do que o anterior */
    #servicos {
        padding-top: 106px;
        margin-top: -106px;
    }
}

/* Estilos para desktops com telas maiores */
@media (min-width: 780px) { /* Ajuste o breakpoint conforme necessário */
    #sobre {
        padding-top: 176px;
        margin-top: -176px;
    }
}

/* Estilos para dispositivos portáteis com telas menores */
@media (max-width: 779px) { /* Este breakpoint deve ser menor do que o anterior */
    #sobre {
        padding-top: 106px;
        margin-top: -106px;
    }
}

/* Estilos para desktops com telas maiores */
@media (min-width: 780px) { /* Ajuste o breakpoint conforme necessário */
    #contato {
        padding-top: 176px;
        margin-top: -176px;
    }
}

/* Estilos para dispositivos portáteis com telas menores */
@media (max-width: 779px) { /* Este breakpoint deve ser menor do que o anterior */
    #contato {
        padding-top: 106px;
        margin-top: -106px;
    }
}

/* Estilos para dispositivos móveis espaço entre a navbar e o h1 do blog */
/*@media (max-width: 767px) { /* Tela de 767px ou menos é comumente usada para identificar dispositivos móveis */
/*    #blog {
/*        padding-top: 107px; /* Menor padding para dispositivos móveis */
/*    }
/*}

/* Estilos para desktops espaço entre a navbar e o h1 do blog*/
/*@media (min-width: 768px) { /* Tela de 768px ou mais é comumente usada para identificar tablets e desktops */
/*    #blog {
/*        padding-top: 176px; /* Maior padding para desktops */
/*    }
/*}

/* Ajusta o espaçamento superior para compensar a navbar fixa */
#breadcrumb-container {
    padding-top: 176px;  /* Para desktops */
}

@media (max-width: 767px) {
    #breadcrumb-container {
        padding-top: 107px;  /* Para dispositivos móveis */
    }
}

/* Ajuste adicional para telas com menos de 370px */
@media (max-width: 372px) {
    #breadcrumb-container {
        padding-top: 145px;  /* Valor maior para telas muito pequenas */
    }
}

/* Botão do WhatsApp */
.whatsapp-float {
    position: fixed;
    width: 60px; /* Tamanho confortável para toque */
    height: 60px;
    bottom: 20px; /* Espaço suficiente do rodapé */
    right: 20px; /* Alinhado à direita */
    background-color: #25D366; /* Cor oficial do WhatsApp */
    color: #FFF; /* Cor do ícone */
    border-radius: 50%; /* Formato circular */
    text-align: center; /* Centraliza o conteúdo horizontalmente */
    box-shadow: 2px 2px 3px #999; /* Leve sombra para destacar */
    z-index: 100; /* Prioridade no layout */
    transition: transform 0.2s ease, box-shadow 0.3s ease; /* Suavidade em interações */
    display: flex; /* Flexbox para centralizar o ícone */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    text-decoration: none; /* Remove o sublinhado */
}

/* Efeito ao passar o mouse */
.whatsapp-float:hover {
    transform: scale(1.1); /* Aumenta levemente no hover */
    box-shadow: 3px 3px 5px #777; /* Destaque adicional */
}

/* Ícone do WhatsApp */
.whatsapp-icon {
    font-size: 30px; /* Tamanho do ícone */
    margin: 0; /* Remove margem padrão */
    line-height: 1; /* Garante alinhamento perfeito */
}

/* Botão de E-mail com degradê roxo */
.email-float {
    position: fixed;
    width: 60px; /* Tamanho consistente com os outros botões */
    height: 60px;
    bottom: 90px; /* Posicionado acima do botão do WhatsApp */
    right: 20px; /* Alinhado à direita */
    background: linear-gradient(to right, #621E83, #B075CD); /* Degradê roxo */
    color: #FFF;
    border-radius: 50%; /* Formato circular para consistência */
    text-align: center;
    box-shadow: 2px 2px 3px #999; /* Leve sombra para destaque */
    z-index: 101; /* Um pouco acima do botão do WhatsApp */
    display: flex; /* Flexbox para centralizar o ícone */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    transition: transform 0.2s ease, box-shadow 0.3s ease; /* Suavidade em interações */
    text-decoration: none; /* Remove o sublinhado */
}

/* Efeito ao passar o mouse */
.email-float:hover {
    transform: scale(1.1); /* Aumenta levemente no hover */
    box-shadow: 3px 3px 5px #777; /* Destaque adicional */
}

/* Ícone do botão */
.email-icon {
    font-size: 24px; /* Tamanho ajustado para caber perfeitamente */
    margin: 0; /* Remove a margem superior */
    line-height: 1; /* Centraliza ícone verticalmente */
}

/* CSS Botão Voltar ao Topo */
#myBtn {
    display: none; /* Botão escondido por padrão */
    position: fixed; /* Posição fixa */
    bottom: 20px; /* Alinhado verticalmente com o botão do WhatsApp */
    right: 90px; /* Posicionado à esquerda do botão do WhatsApp */
    z-index: 99; /* Menor que o botão do WhatsApp */
    border: none; /* Remove borda padrão */
    outline: none; /* Remove outline padrão */
    background-color: #555; /* Cor do fundo */
    color: white; /* Cor do ícone */
    cursor: pointer; /* Indicador de clique */
    width: 60px; /* Tamanho igual ao botão do WhatsApp */
    height: 60px; /* Tamanho igual ao botão do WhatsApp */
    border-radius: 50%; /* Formato circular */
    box-shadow: 2px 2px 3px #999; /* Leve sombra para destaque */
    transition: transform 0.2s ease, box-shadow 0.3s ease; /* Suavidade em interações */
    display: flex; /* Flexbox para centralizar o ícone */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
}

/* Efeito ao passar o mouse */
#myBtn:hover {
    background-color: #333; /* Cor mais escura no hover */
    transform: scale(1.1); /* Leve aumento no hover */
    box-shadow: 3px 3px 5px #777; /* Destaque adicional */
}

/* Ícone do botão */
#myBtn i {
    font-size: 24px; /* Tamanho do ícone ajustado ao botão maior */
    line-height: 1; /* Centraliza ícone perfeitamente */
}

.custom-card {
    width: 80%; /* Ajuste a largura conforme necessário */
    margin: auto; /* Centraliza o card no container */
}

.custom-card .card-img-top {
    border-top-left-radius: 15px;  /* Arredondar o canto superior esquerdo */
    border-top-right-radius: 15px; /* Arredondar o canto superior direito */
}

.rounded-card {
    border-radius: 15px; /* Ajuste o raio da borda conforme necessário */
}

.pagination .page-item.active .page-link {
    font-weight: bold;  /* Torna o texto em negrito */
    background-color: #007bff; /* Cor de fundo azul padrão do Bootstrap para ativo */
    border-color: #007bff; /* Cor de borda correspondente */
}

/* CSS para as Políticas no rodapé */
.footer-policies {
    text-align: left;
}

.footer-policies ul {
    padding: 0;
    margin: 0;
}

.footer-policies ul li {
    list-style: none;
    margin-bottom: 5px;
}

.footer-bottom {
    background-color: rgba(0, 0, 0, 0.05);
    padding: 15px;
}

.footer-heading {
    font-size: 1.25rem; /* Aproximadamente 20px */
    font-weight: bold;
    margin-bottom: 10px;
}

.error-container {
    margin-bottom: 30px; /* Ajuste conforme necessário */
}