/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; /* Cor de fundo do track do scroll */
}

::-webkit-scrollbar-thumb {
    background-color: #B8860B; /* Dourado escuro */
    border-radius: 10px; /* Arredonda as bordas do scroll */
    border: 3px solid #f1f1f1; /* Adiciona um espaço entre o scroll e o track */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #A67C00; /* Cor dourada mais escura no hover */
}


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

.text-bulsing {
    color: #023373
}

.img-grayscale {
    filter: grayscale(100%);
}

/* Remover o fundo cinza ao clicar no hambúrguer */
.navbar-toggler:focus {
    box-shadow: none;
    outline: none;
}

/* Personalize o tamanho do ícone e margens se necessário */
.navbar-brand img {
    margin-right: 10px;
}

#hero {
    position: relative;
    height: 100vh;
    width: 100%;
}

.hero-background {
    background-image: url('../images/tribunal.jpg'); 
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: #000000;
    opacity: 0.6
}

#hero .container {
    position: relative;
    z-index: 3;
    color: white;
    text-align: center;
}

#areas {
    color: #00172d
}

.card-img-top {
    width: 100%;
    height: 100%;
    padding-bottom: 0; 
    object-fit: cover; 
}

.card img {
    object-fit: cover;
    height: 100%;
}

.card-body {
    padding: 20px;
}

iframe:focus, iframe:active {
    outline: none;
}

.map-responsive {
    overflow: hidden;
    padding-bottom: 30%; /* Proporção 16:9 */
    position: relative;
    height: 0;
    border-radius: 10px; /* Arredondar bordas */
}

@media (max-width: 998px) {
    .map-responsive {
        padding-bottom: 90%;
    }
}

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

.map-responsive {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Sombras sutis para destacar */
}

/* Seção de contato */
#contato {
    background-color: #00172d;
    color: white;
}

/* Títulos */
#contato h2, #contato h4, #contato h5 {
    text-transform: uppercase;
    font-weight: bold;
}

/* Botões de WhatsApp e Instagram */
#contato a.btn-outline-light {
    border-radius: 50px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

#contato a.btn-outline-light:hover {
    background-color: white;
    color: #00172d;
}

/* Links de texto para Instagram */
#contato a.text-white:hover {
    color: #A67C00;
}

/* Card com avaliações do Google */
#contato .bg-white {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Botões de navegação do carrossel */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 10px;
}

.carousel-control-prev-icon:hover,
.carousel-control-next-icon:hover {
    background-color: rgba(0, 0, 0, 0.9);
}

/* Carrossel de depoimentos */
.carousel-item {
    transition: transform 0.6s ease;
    padding: 20px;
}

/* Ajustes responsivos para dispositivos móveis */
@media (max-width: 768px) {
    #contato .row {
        flex-direction: column;
        text-align: center;
    }

    /* Tamanho ajustado para os cards de depoimentos e avaliações */
    #contato .col-lg-6 {
        max-width: 100%;
    }
}

#footer {
    background-color: #a67c00; /* Dourado escuro */
    color: white;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer a:hover {
    color: #fff;
    text-decoration: underline;
}