*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Raleway', sans-serif; transition: background 0.5s, color 0.5s; overflow-x: hidden; }

    /* ─── NAV HAMBURGER ─── */
    .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; background: none; border: none; padding: 4px; z-index: 1010; }
    .hamburger span { display: block; width: 24px; height: 1.5px; transition: all 0.35s cubic-bezier(.4,0,.2,1); }
    .nav-desktop { display: flex; gap: 28px; align-items: center; }
    .mobile-menu {
      position: fixed; top: 70px; left: 0; right: 0; z-index: 998;
      padding: 28px 28px 36px; display: flex; flex-direction: column; gap: 0;
      transform: translateY(-110%); 
      transition: transform 0.38s cubic-bezier(.4,0,.2,1), visibility 0s linear 0.38s;
      backdrop-filter: blur(20px);
      visibility: hidden;
    }
    .mobile-menu.open { transform: translateY(0); visibility: visible; transition: transform 0.38s cubic-bezier(.4,0,.2,1), visibility 0s linear 0s; }
    .mobile-menu-btn {
      background: none; border: none; border-bottom: 1px solid; text-align: left;
      padding: 16px 0; font-family: 'Cormorant Garamond'; font-size: 28px; font-weight: 400;
      letter-spacing: 0.06em; cursor: pointer; width: 100%; transition: color 0.2s;
    }
    .mobile-menu-link {
      display: block; text-decoration: none; border-bottom: 1px solid; text-align: left;
      padding: 16px 0; font-family: 'Cormorant Garamond'; font-size: 28px; font-weight: 400;
      letter-spacing: 0.06em; transition: color 0.2s;
    }

    /* ─── GALLERY GRID ─── */
    .gallery-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
    }
    .gallery-item-wide { grid-column: span 2; }
    @media (max-width: 600px) {
      .gallery-grid { grid-template-columns: 1fr 1fr; }
      .gallery-item-wide { grid-column: span 2; }
    }

    /* ─── RESPONSIVE BREAKPOINTS ─── */
    @media (max-width: 900px) {
      .nav-desktop { display: none !important; }
      .hamburger { display: flex !important; }
    }
    @media (max-width: 900px) {
      .sobre-grid { grid-template-columns: 1fr !important; }
      .sponsor-band-inner { flex-direction: column; gap: 16px !important; }
      .sponsor-band-divider { display: none !important; }
    }

    /* ─── TWEAKS PANEL ─── */
    #tweaks-panel {
      display: none; position: fixed; bottom: 24px; right: 24px; z-index: 9999;
      background: #0b2a1e; border: 1px solid #c9a255;
      border-radius: 12px; padding: 20px 24px; min-width: 240px;
      box-shadow: 0 8px 40px rgba(0,0,0,0.5); font-family: 'Raleway', sans-serif;
    }
    #tweaks-panel.visible { display: block; }
    #tweaks-panel h3 { color: #c9a255; font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 16px; font-weight: 600; }
    .tweak-row { margin-bottom: 14px; }
    .tweak-row label { display: block; color: #f5eed8; font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; opacity: 0.7; }
    .tweak-btn-group { display: flex; gap: 6px; flex-wrap: wrap; }
    .tweak-btn { background: transparent; border: 1px solid #c9a255; color: #c9a255; border-radius: 6px; padding: 5px 10px; font-size: 11px; font-family: 'Raleway', sans-serif; cursor: pointer; transition: all 0.2s; }
    .tweak-btn:hover, .tweak-btn.active { background: #c9a255; color: #0b2a1e; }
    .tweak-divider { border: none; border-top: 1px solid rgba(201,162,85,0.2); margin: 14px 0; }
    .grecaptcha-badge { visibility: visible !important; opacity: 1 !important; z-index: 9999 !important; position: fixed !important; bottom: 14px !important; right: 14px !important; }