﻿/* Custom Styles that can't be easily done with standard Tailwind utility classes */

/* Smooth scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #1a201a;
}
::-webkit-scrollbar-thumb {
  background: #5d6b5c;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c6a46a;
}

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Base resets */
body {
  overflow-x: hidden;
}

/* Glassmorphism utilities */
.glass {
  background: rgba(93, 107, 92, 0.4);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Premium Text Glow */
.text-glow-gold {
  text-shadow: 0 0 25px rgba(198, 164, 106, 0.7), 0 0 50px rgba(198, 164, 106, 0.3);
}

.text-glow-white {
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.2);
}

.shimmer-text {
  background: linear-gradient(to right, #c6a46a 20%, #ffffff 40%, #ffffff 60%, #c6a46a 80%);
  background-size: 200% auto;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  animation: shimmer 4s linear infinite;
}

@keyframes shimmer {
  to {
    background-position: 200% center;
  }
}

/* DIVISÓRIAS DE LUZ NAS SEÇÕES */
.sec-reveal-container {
  border-top: none !important;
}
.sec-reveal-container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(198, 164, 106, 0.4), transparent);
  z-index: 50;
  pointer-events: none;
}
.sec-reveal-container::after {
  content: '';
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: 20%;
  max-width: 300px;
  height: 2px;
  background: rgba(198, 164, 106, 0.8);
  filter: blur(3px);
  z-index: 50;
  pointer-events: none;
  border-radius: 50%;
}

