:root {
                --primary: #6382d4;
            }
            .bg-primary {
                background-color: #6382d4 !important;
            }
            .btn-primary {
                background-color: #213771;
                border-color: #213771;
            }
            .text-primary {
                color: #6382d4!important;
            }
            .nav-bar {
                background-color: #6382d4;
            }
            .navbar-light .navbar-nav .nav-link {
                color: rgba(255, 255, 255, 0.8);
            }
            .navbar-light .navbar-nav .nav-link:hover {
                color: white;
            }
            .navbar-light .navbar-toggler-icon {
                filter: invert(1);
            }
            .breadcrumb-item a {
                color: #213771;
                text-decoration: none;
            }
            .breadcrumb-item.active {
                color: #6c757d;
            }
                .category-card {
                    border-radius: 8px;
                    overflow: hidden; /* Garante que a imagem respeite o border-radius */
                    transition: transform 0.3s ease;
                }

                .category-card:hover {
                    transform: translateY(-5px);
                    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
                }
                            .category-img {
                    width: 100%;
                    height: 350px; /* Altura fixa para todas as imagens */
                    object-fit: cover; /* Garante que a imagem cubra todo o espaço sem distorcer */
                    object-position: center; /* Centraliza o foco da imagem */
                    border-radius: 8px 8px 0 0; /* Mantém o border-radius apenas no topo */
                }
                            
            .category-title {
                font-size: 1.2rem;
                font-weight: 600;
            }


            .dropdown-menu {
                display: none;
                position: absolute;
                background-color: #fff;
                min-width: 200px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 1000;
                border-radius: 5px;
                padding: 0;
                border: none;
            }
            
            .dropdown-item {
                color: #333;
                padding: 10px 15px;
                text-decoration: none;
                display: block;
                transition: all 0.3s;
            }
            
            .dropdown-item:hover {
                background-color: #f1f1f1;
                color: #213771;
            }
            
            .nav-item.dropdown:hover .dropdown-menu {
                display: block;
            }
            
            /* Ajuste para mobile */
            @media (max-width: 991.98px) {
                .dropdown-menu {
                    position: static;
                    display: none;
                    box-shadow: none;
                }
                
                .dropdown-menu.show {
                    display: block;
                }
            }