/* Navbar Styles */
.navbar-nav {
    display: flex;
    flex-wrap: nowrap;
}

.navbar-nav .nav-item {
    min-width: 0;
}

.navbar-nav .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px; 
    display: inline-block;
    vertical-align: middle;
}
/* End Navbar Styles */

/* Super Banners Carousel Styles */
.super-banner {
    width: 100%;
    max-width: 1280px;
    aspect-ratio: 1280 / 300;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}

#carouselSuperBanners1 .carousel-indicators button {
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: #adadad !important;
    margin: 0 5px !important;
    border: none !important;
    opacity: 0.6 !important;
    padding: 0 !important;
    box-sizing: content-box !important;
}

#carouselSuperBanners1 {
    position: relative; 
}

#carouselSuperBanners1 .carousel-indicators {
    bottom: -40px; 
    margin-bottom: 0;
}

#carouselSuperBanners1 .carousel-indicators .active {
    /* background-color: var(--cor-1) !important; /* Usa a cor primária definida no seu projeto */
    opacity: 1 !important;
}

#carouselSuperBanners1 .carousel-control-prev,
#carouselSuperBanners1 .carousel-control-next {
    width: 5%; 
    opacity: 1; 
    transition: none; 
    background: none !important; 
    box-shadow: none !important; 
    border: none !important; 
}

#carouselSuperBanners1:hover .carousel-control-prev,
#carouselSuperBanners1:hover .carousel-control-next {
    opacity: 1;
}

#carouselSuperBanners1 .carousel-control-prev-icon,
#carouselSuperBanners1 .carousel-control-next-icon {
    background-color: transparent !important; 
    background-size: contain; 
    width: 30px;
    height: 30px;
}

#carouselSuperBanners1 .carousel-control-prev .visually-hidden,
#carouselSuperBanners1 .carousel-control-next .visually-hidden {
    display: none;
}

#carouselSuperBanners1 .carousel-item {
    transition: transform 0.3s ease-in-out;
}

#carouselSuperBanners1 .carousel-indicators {
    bottom: -30px;
    margin: 0;
    justify-content: center;
}

#carouselSuperBanners1 .carousel-indicators .bolinha {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #adadad;
    margin: 0 5px;
}

#carouselSuperBanners1 .carousel-control-prev,
#carouselSuperBanners1 .carousel-control-next {
    width: 5%;
    background: transparent;
    border-radius: 0;
    opacity: 0;
    transition: all 0.3s ease;
}

#carouselSuperBanners1:hover .carousel-control-prev,
#carouselSuperBanners1:hover .carousel-control-next {
    opacity: 1;
    background: rgba(0, 0, 0, 0.3);
}

#carouselSuperBanners1 .carousel-control-prev {
    left: 0;
}

#carouselSuperBanners1 .carousel-control-next {
    right: 0;
}
/* End Super Banners Carousel Styles  */

/* Glossario Buttons Styles */
.btn-letter.active {
    background-color: #fff !important;
    color: #c82333 !important;
    border: 1px solid #c82333 !important;
}
        
.glossario-buttons-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}
        
.glossario-buttons-wrapper::-webkit-scrollbar {
    height: 8px;
}
        
.glossario-buttons-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
        
.glossario-buttons-wrapper::-webkit-scrollbar-thumb {
    background: #c82333;
    border-radius: 4px;
}
        
.glossario-buttons-wrapper::-webkit-scrollbar-thumb:hover {
    background: #a01f2a;
}

@media (max-width: 768px) {
    .glossario-buttons-wrapper {
        padding-bottom: 10px;
    }
    
    .btn-letter {
        font-size: 14px !important;
        min-width: 35px !important;
        padding: 8px 10px !important;
    }
}

@media (max-width: 576px) {
    .btn-letter {
        font-size: 12px !important;
        min-width: 30px !important;
        padding: 6px 8px !important;
    }
}
/* End Glossario Buttons Styles */

/* Footer Links Styles */
.ftco-footer-widget .ftco-heading-2 a {
    color: #fff !important;
    text-decoration: none !important;
    transition: color 150ms ease-in-out;
}

.ftco-footer-widget .ftco-heading-2 a:hover {
    color: rgba(255, 255, 255, 0.85) !important;
}
/* End Footer Links Styles */