/* DROPDOWN NO DESKTOP */
    .dropdown-menu {
      transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s;
      will-change: transform, opacity;
      pointer-events: none;
    }
    @media (min-width: 1024px) {
      .group:hover .dropdown-menu,
      .group:focus-within .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
      }
    }

    /* MODAL DE COMPARTILHAMENTO */
    .modal-backdrop {
      position: fixed !important; inset: 0 !important;
      background: rgba(5, 13, 66, 0.85) !important;
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      z-index: 99999 !important;
      display: none;
      align-items: flex-end; justify-content: center;
      opacity: 0; transition: opacity .25s ease;
    }
    @media(min-width: 768px){ .modal-backdrop { align-items: center !important; } }
    .modal-backdrop.open { display: flex !important; opacity: 1 !important; }
    
    .modal-panel {
      background: #FFFFFF;
      border: 1px solid rgba(199, 210, 254, 0.8);
      width: 100%; max-width: 490px;
      border-radius: 28px 28px 0 0;
      max-height: 90vh; overflow-y: auto;
      transform: translate3d(0, 20px, 0); transition: transform .25s ease;
    }
    @media(min-width: 768px){ .modal-panel { border-radius: 28px; } }
    .modal-backdrop.open .modal-panel { transform: translate3d(0, 0, 0); }

    .share-icon-btn { display: flex; flex-direction: column; align-items: center; gap: 6px; transition: transform 0.2s ease; }
    .share-icon-btn:hover { transform: translateY(-3px); }
    .share-icon-circle { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 19px; transition: all 0.2s ease; }

    .accordion-body { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
    .accordion-body.open { max-height: 600px; }

    /* CARD FOTOGRÁFICO COM ESPAÇO RESERVADO (ANTI-BUG DE ROLAGEM) */
    .gallery-card,
    .aspect-4\/3 {
      aspect-ratio: 4 / 3 !important;
      width: 100%;
      display: block;
    }
    .gallery-card {
      position: relative;
      overflow: hidden;
      border-radius: 20px;
      cursor: pointer;
      background-color: #EEF2FF;
      box-shadow: 0 8px 20px -6px rgba(11, 23, 107, 0.12);
      border: 1.5px solid #E0E7FF;
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }
    .gallery-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 30px -8px rgba(11, 23, 107, 0.22);
      border-color: #C7D2FE;
    }
    .gallery-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.4s ease;
    }
    .gallery-card:hover img {
      transform: scale(1.05);
    }

    /* SCROLLBAR CUSTOM DO MENU DROPDOWN */
    #nav-sectors-menu::-webkit-scrollbar {
      width: 6px;
    }
    #nav-sectors-menu::-webkit-scrollbar-track {
      background: #F1F5F9;
      border-radius: 8px;
    }
    #nav-sectors-menu::-webkit-scrollbar-thumb {
      background: #CBD5E1;
      border-radius: 8px;
    }

    /* LIGHTBOX TELA CHEIA */
    #image-lightbox {
      position: fixed;
      inset: 0;
      background: rgba(5, 13, 66, 0.94);
      backdrop-filter: blur(10px);
      z-index: 999999;
      display: none;
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity 0.25s ease;
      padding: 1rem;
    }
    #image-lightbox.open {
      display: flex;
      opacity: 1;
    }