@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body {
  margin: 0;
  line-height: inherit;
  background-color: #020617;
  color: #ffffff;
}

.min-h-screen { min-height: 100vh; }

/* TODAS AS SEÇÕES DO SITE SÃO ESCURAS (TEMA DARK OFICIAL) */
.bg-background { background-color: #020617 !important; }
.bg-surface { background-color: #0f172a !important; }
.bg-deep { background-color: #0f172a !important; }
.bg-card { background-color: #1e293b !important; }
.bg-muted { background-color: #1e293b !important; }
.bg-muted\/30 { background-color: #0f172a !important; }
.bg-electric { background-color: #eab308 !important; }
.bg-electric\/15 { background-color: rgba(234, 179, 8, 0.15) !important; }
.bg-white { background-color: #1e293b !important; }
.bg-white\/5 { background-color: rgba(255, 255, 255, 0.05) !important; }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1) !important; }

/* TODOS OS TEXTOS SÃO CLAROS/BRANCOS */
.text-white { color: #ffffff !important; }
.text-white\/85 { color: rgba(255, 255, 255, 0.85) !important; }
.text-white\/60 { color: rgba(255, 255, 255, 0.6) !important; }
.text-deep { color: #ffffff !important; }
.text-electric { color: #eab308 !important; }
.text-electric-foreground { color: #000000 !important; }
.text-muted-foreground { color: #94a3b8 !important; }
.text-success { color: #22c55e !important; }

section h2.text-deep, 
section h3.text-deep, 
.bg-surface h2, 
.bg-surface h3, 
.text-deep { 
  color: #ffffff !important; 
}

.border-b { border-bottom-width: 1px; }
.border-white\/10 { border-color: rgba(255, 255, 255, 0.1) !important; }
.border-border { border-color: rgba(255, 255, 255, 0.1) !important; }

.ring-1 { box-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); }
.ring-white\/10 { --tw-ring-color: rgba(255, 255, 255, 0.1); }
.ring-border { --tw-ring-color: rgba(255, 255, 255, 0.1) !important; }

.gradient-deep {
  background: linear-gradient(185deg, #0f172a 0%, #020617 100%) !important;
}

.gradient-electric {
  background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%) !important;
}

.grid-pattern {
  background-size: 40px 40px;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
}

/* MARQUEE / CARROSSEL SLIDER */
.marquee {
  display: flex !important;
  overflow: hidden !important;
  user-select: none !important;
  gap: 1.5rem !important;
  width: 100% !important;
  padding: 1rem 0 !important;
}

.marquee-track {
  display: flex !important;
  flex-shrink: 0 !important;
  gap: 1.5rem !important;
  min-width: 100% !important;
  align-items: center !important;
}

@keyframes marqueeLeft {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

@keyframes marqueeRight {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0%); }
}

.marquee-left { animation: marqueeLeft 30s linear infinite !important; }
.marquee-right { animation: marqueeRight 30s linear infinite !important; }

.marquee-item {
  width: 240px !important;
  height: 380px !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
  background-color: #1e293b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.marquee-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.shadow-pop {
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5) !important;
}

.shadow-card {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}