.logo-vaa {
     background: url('https://img.kalunga.com.br/hotsite/images/volta-as-aulas/2025/logo-vaa.png') no-repeat center center;
     background-size: contain;
     height: 0;
     padding-top: 56.25%;
   }


   .h-header__categoria {
     background-color: var(--azul-vaa);
     border-radius: 0px;
     text-align: center;
   }

   .topo-categoria {
     margin: 0;
     background-color: var(--azul-vaa);
     font-weight: bold;
     color: #fff;
   }

   .h-header__categoria--title {
     color: #000 !important;
   }

   .h-header__bg {
     background: url('https://img.kalunga.com.br/hotsite/images/volta-as-aulas/2025/BG-extern.jpg') no-repeat center center;
     background-size: cover;
     width: 100%;
     height: auto;
   }

   @media (max-width: 1200px) {
     .h-header__bg {
       background-position: top;
       /* Ajusta a posição da imagem */
       background-size: cover;
       /* Garante que a imagem seja responsiva */
       height: auto;
       /* Permite altura flexível em telas menores */
     }
   }

   .h-header__gradient {
     background-color: #ECECEC !important;
   }

   #hotsite .navbar {
     background-color: #0786c6 !important;
   }

   #hotsite .nav-item {
     margin: 0 1rem;
   }

   #hotsite .nav-link {
     white-space: wrap !important;
     text-decoration: none;
     color: #fff;
   }

   #hotsite .nav-link:hover,
   #hotsite .nav-link:active,
   #hotsite .nav-link:focus {
     color: #3c321c;
   }

   @media (min-width: 768px) {
     #hotsite .dropdown:hover>.dropdown-menu {
       display: block;
     }

     #hotsite .dropdown>.dropdown-toggle:active {
       pointer-events: none;
     }
   }

   #hotsite .dropdown:hover>.dropdown-menu {
     display: block;
   }

   #hotsite .dropdown>.dropdown-toggle:active {
     pointer-events: none;
   }


   #hotsite .dropdown-menu {
     animation: fadeIn 0.3s ease-in-out;
     text-align: center;
     min-width: 100%;
     /* Define a largura mínima igual à largura do botão */
     border: 0;
     background-color: #04699b !important;
   }

   #hotsite .dropdown-menu.center {
     left: 50% !important;
     transform: translateX(-50%);
     position: absolute !important;
   }

   #hotsite .dropdown-item {
     border: 1px 0 0 1px #000;
     color: #fff !important;
   }

   #hotsite .dropdown-item:hover {
     background-color: #f8ab2d;
   }

   @media (min-width: 768px) {
     .logo-vaa {
       width: 360px;
       padding-top: 50%;
     }

     .topo-categoria {
       margin: .2rem;
     }

     .h-header__categoria {
       border-radius: 10px;
       text-align: center;
     }
   }

   @media (min-width: 992px) {
     .h-header__categoria {
       background-color: transparent;
       border-radius: 0px;
       text-align: start;
     }

     .h-header__crianca {
       display: block;
     }
   }