/* ==========================================================================
   ULTRA-PREMIUM GLASSMORPHISM & AERO-SPEC DESIGN SYSTEM
   Inspirado no Apple VisionOS, Windows Aero e Haute Horlogerie Dark Mode.
   ========================================================================== */

:root {
  --glass-bg-primary: rgba(15, 23, 42, 0.45);
  --glass-bg-card: rgba(18, 25, 55, 0.42);
  --glass-bg-hover: rgba(26, 36, 75, 0.65);
  --glass-bg-subtle: rgba(255, 255, 255, 0.04);
  --glass-bg-pill: rgba(255, 255, 255, 0.08);

  --glass-border-light: rgba(255, 255, 255, 0.16);
  --glass-border-highlight: rgba(255, 255, 255, 0.38);
  --glass-border-gold: rgba(212, 175, 55, 0.4);

  --glass-blur-heavy: blur(28px) saturate(190%);
  --glass-blur-card: blur(20px) saturate(180%);
  --glass-blur-subtle: blur(12px) saturate(140%);

  --glass-shadow-ambient: 0 20px 50px -10px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --glass-shadow-glow: 0 16px 36px -8px rgba(198, 175, 108, 0.22), 0 0 0 1px rgba(212, 175, 55, 0.3);
  --glass-shadow-inner: inset 0 1px 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 1px 0 rgba(0, 0, 0, 0.4);

  --gold-accent: #d4af37;
  --gold-accent-hover: #f3e5ab;
}

/* Fundo Dinâmico com Orbes Luminosos de Vidro */
body.glass-mesh-bg {
  background-color: #070913 !important;
  background-image: 
    radial-gradient(at 0% 0%, rgba(30, 41, 89, 0.5) 0px, transparent 55%),
    radial-gradient(at 100% 0%, rgba(45, 25, 75, 0.4) 0px, transparent 50%),
    radial-gradient(at 50% 50%, rgba(13, 20, 50, 0.6) 0px, transparent 65%),
    radial-gradient(at 80% 100%, rgba(212, 175, 55, 0.08) 0px, transparent 40%),
    radial-gradient(at 0% 100%, rgba(15, 23, 60, 0.6) 0px, transparent 50%) !important;
  background-attachment: fixed !important;
  color: #f1f5f9;
}

/* Orbes Flutuantes de Fundo */
.glass-glow-orb {
  position: absolute;
  border-radius: 50%;
  filter: blur(90px);
  pointer-events: none;
  z-index: 0;
  opacity: 0.35;
  animation: orbFloat 22s ease-in-out infinite alternate;
}

.glass-glow-orb--gold {
  background: radial-gradient(circle, rgba(212, 175, 55, 0.3) 0%, rgba(212, 175, 55, 0) 70%);
  width: 480px;
  height: 480px;
  top: 10%;
  left: -100px;
}

.glass-glow-orb--blue {
  background: radial-gradient(circle, rgba(56, 117, 246, 0.25) 0%, rgba(56, 117, 246, 0) 70%);
  width: 550px;
  height: 550px;
  top: 40%;
  right: -150px;
  animation-duration: 28s;
}

@keyframes orbFloat {
  0% { transform: translate(0, 0) scale(1); }
  50% { transform: translate(40px, -30px) scale(1.08); }
  100% { transform: translate(-30px, 40px) scale(0.95); }
}

/* Componente Glass Principal */
.aero-glass,
.glass-panel {
  background: var(--glass-bg-primary) !important;
  backdrop-filter: var(--glass-blur-heavy) !important;
  -webkit-backdrop-filter: var(--glass-blur-heavy) !important;
  border: 1px solid var(--glass-border-light) !important;
  border-top-color: var(--glass-border-highlight) !important;
  border-left-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: var(--glass-shadow-ambient), var(--glass-shadow-inner) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.aero-glass:hover,
.glass-panel:hover {
  border-color: rgba(255, 255, 255, 0.25) !important;
  border-top-color: rgba(255, 255, 255, 0.45) !important;
}

/* Glass Card para Imóveis */
.glass-card {
  background: var(--glass-bg-card) !important;
  backdrop-filter: var(--glass-blur-card) !important;
  -webkit-backdrop-filter: var(--glass-blur-card) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-top-color: rgba(255, 255, 255, 0.3) !important;
  border-left-color: rgba(255, 255, 255, 0.22) !important;
  box-shadow: 0 14px 34px -10px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.glass-card:hover {
  transform: translateY(-5px) scale(1.015) !important;
  background: var(--glass-bg-hover) !important;
  border-color: rgba(212, 175, 55, 0.35) !important;
  border-top-color: rgba(255, 255, 255, 0.55) !important;
  box-shadow: var(--glass-shadow-glow), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

/* Inputs e Selects Glassmórficos */
.glass-input,
.glass-select,
.search-filter__input,
.search-filter__select,
select.form-select {
  background: rgba(11, 16, 38, 0.55) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-top-color: rgba(255, 255, 255, 0.25) !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
  transition: all 0.25s ease !important;
}

.glass-input:focus,
.glass-select:focus,
select.form-select:focus {
  border-color: var(--gold-accent) !important;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.25), inset 0 1px 3px rgba(0,0,0,0.4) !important;
  outline: none !important;
}

/* Pills e Badges Translúcidos */
.glass-pill {
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) saturate(160%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-top-color: rgba(255, 255, 255, 0.35) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition: all 0.2s ease !important;
}

.glass-pill:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
}

/* Botão Dourado Vidro / Luxo */
.glass-btn-gold {
  background: linear-gradient(135deg, #d4af37 0%, #b89327 100%) !important;
  color: #080c1d !important;
  font-weight: 700 !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-top-color: rgba(255, 255, 255, 0.6) !important;
  box-shadow: 0 8px 24px -4px rgba(212, 175, 55, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.glass-btn-gold:hover {
  background: linear-gradient(135deg, #f0cf65 0%, #d4af37 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px -4px rgba(212, 175, 55, 0.55), inset 0 1px 0 #fff !important;
}

/* Botão Fantasma Translúcido */
.glass-btn-ghost {
  background: rgba(255, 255, 255, 0.07) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-top-color: rgba(255, 255, 255, 0.35) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  transition: all 0.2s ease !important;
}

.glass-btn-ghost:hover {
  background: rgba(255, 255, 255, 0.16) !important;
  border-color: var(--gold-accent) !important;
  color: var(--gold-accent) !important;
  transform: translateY(-1px) !important;
}

/* Header Glass Fixado */
header.aero-glass {
  background: rgba(10, 14, 33, 0.55) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}