/* =============================================
   IluminaCidade - Estilos Globais
   ============================================= */

html {
    overflow-x: hidden;
}

/* =============================================
   Material Symbols
   ============================================= */

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* =============================================
   Utilitários Customizados
   ============================================= */

.elevation-subtle {
    box-shadow: 0 4px 20px -2px rgba(0, 52, 97, 0.08);
}

.transition-standard {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-pattern {
    background-image: radial-gradient(#ffffff 0.5px, transparent 0.5px);
    background-size: 24px 24px;
}
  .hero-pattern {
    background-image: radial-gradient(circle at 1px 1px, rgba(0,0,0,0.05) 1px, transparent 1px);
    background-size: 40px 40px;
  }
  .transition-standard {
    transition: all 0.3s ease;
  }
  /* Remove scroll da página quando hover na imagem (opcional) */
  body.no-scroll {
    overflow: hidden;
  }