/* ========================================
   HEADER RESPONSIVO PARA TABLETS (< 1200px)
   ======================================== */
 .header-responsive-tablet {
     display: none;
     background: #ffffff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     border-bottom: 5px solid #01AEFF;
 }

 .top-bar-responsive {
     padding: 0px;
 }

 .top-bar-responsive-content {
     display: flex !important;
     align-items: center;
     justify-content: space-between;
     padding: 20px 40px;
 }

 /* Definição de proporção dos blocos */
 .side-section {
     flex: 0 0 auto;
 }

 .center-section {
     flex: 1 1 0%;
     min-width: 0;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     align-self: stretch;
     gap: 15px;
 }

 .left-section {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     gap: 5px;
 }

 .right-section {
     display: flex;
     flex-direction: column;
     align-items: flex-end;
     justify-content: center;
     gap: 5px;
 }

 /* Redes Sociais Compactas */
 .social-responsive {
     display: flex;
     gap: 6px;
     margin-bottom: 6px;
 }

 .social-responsive a img {
     width: 16px;
     height: 16px;
     transition: transform 0.3s ease;
 }

 .social-responsive a:hover img {
     transform: scale(1.15);
 }

 /* Ações (Acessibilidade e Busca) */
 .actions-responsive {
     display: flex;
     align-items: center;
     gap: 6px;
 }

 .accessibility-compact {
     display: flex;
     gap: 3px;
     align-items: center;
 }

 .accessibility-compact button,
 .accessibility-compact a {
     background: #f0f0f0;
     border: 1px solid #ddd;
     padding: 3px 5px;
     border-radius: 3px;
     font-size: 10px;
     cursor: pointer;
     transition: all 0.3s ease;
     line-height: 1.3;
 }

 .accessibility-compact button img {
     width: 12px;
     height: 12px;
     display: block;
 }

 .accessibility-compact a {
     text-decoration: none;
     color: #333;
     font-weight: bold;
 }

 .accessibility-compact button:hover,
 .accessibility-compact a:hover {
     background: #01AEFF;
     color: #fff;
     border-color: #01AEFF;
 }

 .search-toggle {
     background: #01AEFF;
     border: none;
     color: #fff;
     padding: 4px 7px;
     border-radius: 3px;
     cursor: pointer;
     transition: background 0.3s ease;
     font-size: 11px;
     line-height: 1.3;
 }

 .search-toggle:hover {
     background: #0088cc;
 }

 /* Logo e Selo Centralizados */
 .logo-responsive {
     display: inline-block;
 }

 .logo-responsive img {
     max-width: 230px;
     height: auto;
 }

 /* Menu Hamburguer */
 .hamburger-menu {
     background: none;
     border: none;
     width: 40px;
     height: 35px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     cursor: pointer;
     padding: 5px;
 }

 .hamburger-menu span {
     display: block;
     width: 100%;
     height: 4px;
     background: #01AEFF;
     border-radius: 2px;
     transition: all 0.3s ease;
 }

 .hamburger-menu:hover span {
     background: #0088cc;
 }

 /* Busca Expansível */
 .search-expanded {
     padding: 15px 0;
     border-top: 1px solid #e0e0e0;
     margin-top: 15px;
 }

 .search-wrapper {
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .search-wrapper input {
     flex: 1;
     padding: 10px 15px;
     border: 2px solid #01AEFF;
     border-radius: 25px;
     font-size: 14px;
 }

 .search-wrapper button[type="submit"] {
     background: #01AEFF;
     border: none;
     color: #fff;
     padding: 10px 20px;
     border-radius: 25px;
     cursor: pointer;
 }

 .close-search {
     background: #f0f0f0;
     border: none;
     padding: 10px 15px;
     border-radius: 25px;
     cursor: pointer;
 }

 /* ========================================
   MENU SIDEBAR (LATERAL)
   ======================================== */
 .menu-sidebar {
     position: fixed;
     top: 0;
     right: -100%;
     width: 350px;
     height: 100vh;
     background: #ffffff;
     box-shadow: -5px 0 20px rgba(0, 0, 0, 0.3);
     z-index: 10000;
     transition: right 0.3s ease;
     overflow-y: auto;
 }

 .menu-sidebar.active {
     right: 0;
 }

 .menu-sidebar-header {
     background: #01AEFF;
     color: #fff;
     padding: 5px;
     text-align: end;
 }

 .menu-sidebar-header h3 {
     margin: 0;
     font-size: 18px;
 }

 .close-sidebar {
     background: none;
     border: none;
     color: #fff;
     font-size: 24px;
     cursor: pointer;
 }

 .menu-sidebar-content {
     padding: 0;
 }

 /* Navegação Sidebar */
 .sidebar-nav ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .sidebar-nav>ul>li {
     border-bottom: 1px solid #e0e0e0;
 }

 .menu-item-sidebar {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 15px 20px;
     color: #333;
     text-decoration: none;
     font-weight: 500;
     transition: background 0.3s ease;
 }

 .menu-item-sidebar i:first-child {
     margin-right: 10px;
     color: #01AEFF;
 }

 .menu-item-sidebar:hover {
     background: #f8f9fa;
 }

 .toggle-icon {
     font-size: 12px;
     transition: transform 0.3s ease;
 }

 .has-submenu-sidebar.active .toggle-icon {
     transform: rotate(180deg);
 }

 /* Submenu Sidebar */
 .submenu-sidebar {
     display: none;
     background: #f8f9fa;
     padding: 10px 0;
 }

 .has-submenu-sidebar.active .submenu-sidebar {
     display: block;
 }

 .submenu-group {
     padding: 10px 0;
 }

 .submenu-title {
     display: block;
     padding: 8px 20px 8px 40px;
     font-weight: bold;
     font-size: 13px;
     color: #01AEFF;
     text-transform: uppercase;
 }

 .submenu-group ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .submenu-group ul li a {
     display: block;
     padding: 8px 20px 8px 60px;
     color: #555;
     text-decoration: none;
     font-size: 14px;
     transition: all 0.3s ease;
 }

 .submenu-group ul li a:hover {
     background: #ffffff;
     color: #01AEFF;
     padding-left: 65px;
 }

 /* Overlay */
 .menu-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100vh;
     background: rgba(0, 0, 0, 0.5);
     z-index: 9999;
     display: none;
 }

 .menu-overlay.active {
     display: block;
 }

 /* ========================================
   SIDEBAR EXTRAS (ocultos no tablet, visíveis no mobile)
   ======================================== */
 .sidebar-extras {
     display: none;
     padding: 15px 20px;
     background: #f8f9fa;
     border-bottom: 1px solid #e0e0e0;
 }

 .sidebar-search-form {
     display: flex;
     gap: 8px;
     margin-bottom: 12px;
 }

 .sidebar-search-form input {
     flex: 1;
     padding: 8px 12px;
     border: 1px solid #ddd;
     border-radius: 20px;
     font-size: 13px;
     outline: none;
 }

 .sidebar-search-form input:focus {
     border-color: #01AEFF;
 }

 .sidebar-search-form button {
     background: #01AEFF;
     border: none;
     color: #fff;
     width: 36px;
     border-radius: 20px;
     cursor: pointer;
     font-size: 13px;
 }

 .sidebar-extras-row {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .sidebar-social-row {
     display: flex;
     gap: 10px;
 }

 .sidebar-social-row a img {
     width: 22px;
     height: 22px;
 }

 .sidebar-acc-row {
     display: flex;
     gap: 5px;
     align-items: center;
 }

 .sidebar-acc-row button,
 .sidebar-acc-row a {
     background: #fff;
     border: 1px solid #ddd;
     padding: 4px 8px;
     border-radius: 4px;
     font-size: 12px;
     cursor: pointer;
     text-decoration: none;
     color: #333;
     font-weight: bold;
     transition: all 0.2s ease;
 }

 .sidebar-acc-row button img {
     width: 14px;
     height: 14px;
     display: block;
 }

 .sidebar-acc-row button:hover,
 .sidebar-acc-row a:hover {
     background: #01AEFF;
     color: #fff;
     border-color: #01AEFF;
 }

 /* ========================================
   MEDIA QUERIES
   ======================================== */

 /* Mostrar menu responsivo abaixo de 1200px */
 @media (max-width: 1199px) {
     .header-responsive-tablet {
         display: block;
     }
 }

 /* Tablets menores */
 @media (max-width: 991px) {
     .top-bar-responsive-content {
         padding: 15px 25px;
     }

     .logo-responsive img {
         max-width: 190px;
     }
 }

 /* Mobile (abaixo de 767px) */
 @media (max-width: 767px) {

     /* Esconde o bloco esquerdo na barra */
     .left-section {
         display: none;
     }

     /* Centro alinha à esquerda, logo menor */
     .center-section {
         justify-content: flex-start;
     }

     .logo-responsive img {
         max-width: 150px;
     }

     .top-bar-responsive-content {
         padding: 10px 15px;
     }

     /* Sidebar ocupa tela toda */
     .menu-sidebar {
         width: 100%;
     }

     /* Mostra o bloco de extras no topo do sidebar */
     .sidebar-extras {
         display: block;
     }

     /* Esconde a busca expansível da barra (vai pro sidebar) */
     .search-expanded {
         display: none !important;
     }
 }
 
 .social-responsive, .sidebar-social-row {
     filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.2));
    transition: all 0.3s ease;
}