/* css/styles.css */
html { scroll-behavior: smooth; }

.glass { 
  background: rgba(255, 255, 255, 0.9); 
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); 
}

.header-hidden { transform: translateY(-100%); }
.dock-hidden { transform: translateY(100%); }

.bg-mesh {
  background-image: radial-gradient(at 0% 0%, rgba(37, 99, 235, 0.05) 0px, transparent 50%),
                    radial-gradient(at 100% 0%, rgba(34, 197, 94, 0.05) 0px, transparent 50%);
}

/* Swiper Custom Styles para el efecto "Peek" */
.swiper-slide {
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.4;
  transform: scale(0.85);
}

.swiper-slide-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}

.swiper-pagination-bullet-active {
  background: #2563eb !important;
}