/* Ajustes só para telas pequenas. Tudo o mais continua inline nos componentes. */
@media (max-width: 760px) {
  #gs-nav-inner { position: relative; }
  #gs-nav-burger { display: inline-flex !important; margin-left: auto !important; margin-right: 2px !important; order: 3 !important; }
  #gs-nav-logo { order: 1; }
  #gs-nav-cta { order: 2; }

  #gs-nav-inner > ul {
    display: none !important;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    padding: 8px !important;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(13, 18, 52, 0.12);
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.16);
    z-index: 95;
  }
  #gs-nav-inner[data-menu="open"] > ul { display: flex !important; }
  #gs-nav-inner > ul > li { display: flex; }
  #gs-nav-inner > ul > li[data-menu-cta] > a { color: #f2f2f2 !important; }
  #gs-nav-inner > ul > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 46px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 15px !important;
    color: #0d1234 !important;
  }

  /* uma coluna em tudo */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }

  /* hero alternativo do mobile */
  #gs-hero { display: none !important; }
  #gs-hero-m { display: block !important; margin: -10px -10px 0 !important; }
  #gs-nav-spacer { display: none !important; }
  #gs-hero-main { padding-left: 34px !important; }
  #gs-hero-main h1 { font-size: clamp(34px, 11vw, 44px) !important; }
  #gs-hero-main h1 > span { flex-wrap: wrap !important; }
  #gs-light-hit { width: 140px !important; height: 74% !important; }

  /* alvos de toque */
  button[type="button"], button[type="submit"] { min-height: 48px; }

  /* formulários sem zoom automático no iOS */
  input, select, textarea { font-size: 16px !important; }
}

@media (max-width: 760px) {
  /* a palavra "Luz" fica sempre legível e sem estouro de brilho */
  #gs-light-word {
    color: #f2f2f2 !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: 0 0 16px rgba(150, 205, 255, 0.5) !important;
  }
  /* halos proporcionais à tela pequena */
  #gs-light-system > div:nth-child(1) { width: 260px !important; }
  #gs-light-system > div:nth-child(2) { width: 76px !important; }
  #gs-light-system > div:nth-child(3) { width: 40px !important; }
  #gs-light-system > div:nth-child(4) { width: 9px !important; }
}