/* Lavandería Speed Queen - Luxury Glassmorphism & High-Converting Theme */

:root {
  --neon-cyan: #22d3ee;
  --neon-emerald: #10b981;
  --neon-green: #22c55e;
  --neon-whatsapp: #25D366;
  --glass-bg: rgba(10, 25, 35, 0.72);
  --glass-border: rgba(255, 255, 255, 0.18);
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  background-color: #060e14;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #08121a;
}
::-webkit-scrollbar-thumb {
  background: #1e3a4c;
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0ea5e9;
}

/* Main Luxury Glass Container (Translucent so video is clearly visible) */
.luxe-glass-card {
  background: rgba(6, 16, 26, 0.52);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 28px;
  box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.75), inset 0 1px 1px rgba(255, 255, 255, 0.3);
}

/* 3D Glass Feature Square Card */
.glass-feature-card {
  background: rgba(8, 22, 34, 0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(34, 211, 238, 0.35);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4), inset 0 0 15px rgba(34, 211, 238, 0.1);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.glass-feature-card:hover {
  transform: translateY(-4px) scale(1.02);
  background: rgba(12, 30, 46, 0.75);
  border-color: rgba(52, 211, 153, 0.7);
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.6), 0 0 20px rgba(52, 211, 153, 0.3);
}

/* Green Neon Pill Tags (as requested) */
.neon-pill-green {
  background: rgba(34, 197, 94, 0.16);
  border: 1px solid rgba(74, 222, 128, 0.6);
  color: #bbf7d0;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.25);
}

.neon-pill-cyan {
  background: rgba(6, 182, 212, 0.14);
  border: 1px solid rgba(34, 211, 238, 0.55);
  color: #a5f3fc;
  box-shadow: 0 0 12px rgba(6, 182, 212, 0.25);
}

/* Luminous Google Maps Button */
.btn-luminous-maps {
  background: linear-gradient(135deg, #0284c7, #0369a1);
  border: 1px solid rgba(56, 189, 248, 0.5);
  box-shadow: 0 0 25px rgba(14, 165, 233, 0.4), 0 10px 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}

.btn-luminous-maps:hover {
  background: linear-gradient(135deg, #0ea5e9, #0284c7);
  box-shadow: 0 0 35px rgba(56, 189, 248, 0.7), 0 12px 25px -5px rgba(0, 0, 0, 0.6);
  transform: translateY(-2px);
}

/* Luminous WhatsApp Button */
.btn-luminous-whatsapp {
  background: linear-gradient(135deg, #25D366, #128C7E);
  box-shadow: 0 0 25px rgba(37, 211, 102, 0.45), 0 10px 20px -5px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}

.btn-luminous-whatsapp:hover {
  box-shadow: 0 0 35px rgba(37, 211, 102, 0.75), 0 12px 25px -5px rgba(0, 0, 0, 0.6);
  transform: translateY(-2px);
}

/* Dark Glass Cards for sections */
.dark-section-card {
  background: rgba(10, 22, 32, 0.75);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.55);
  transition: all 0.3s ease;
}

.dark-section-card:hover {
  border-color: rgba(34, 211, 238, 0.4);
  transform: translateY(-3px);
}

/* Gallery Hover Image Card */
.gallery-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #08141f;
  transition: all 0.4s ease;
}

.gallery-card img {
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gallery-card:hover img {
  transform: scale(1.08);
}

.gallery-card:hover {
  border-color: rgba(34, 211, 238, 0.45);
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.7), 0 0 20px rgba(34, 211, 238, 0.2);
}

/* FAQ Accordion Item */
.faq-card {
  background: rgba(10, 24, 35, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  transition: all 0.3s ease;
}

.faq-card:hover {
  border-color: rgba(34, 211, 238, 0.35);
  background: rgba(13, 30, 44, 0.75);
}

.faq-icon {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Glow effects */
.glow-text-cyan {
  text-shadow: 0 0 20px rgba(34, 211, 238, 0.4);
}