/* BASE */
body {
  font-family: Inter, sans-serif;
  scroll-behavior: smooth;
  background-color: #eaf4ff; /* FUNDO AZUL CLARO */
}

/* BRAND */
.bg-brand-dark { background-color: #0f172a; }
.bg-brand-primary { background-color: #2563eb; }
.text-brand-primary { color: #2563eb; }
.bg-brand-accent { background-color: #3b82f6; }
.text-brand-accent { color: #3b82f6; }
.border-brand-accent { border-color: #3b82f6; }

/* VSL */
.vsl-container {
  position: relative;
  padding-bottom: 177.78%;
  height: 0;
  overflow: hidden;
}
.vsl-container iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ANIMAÇÕES */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 60s linear infinite;
}

/* === AJUSTE PRINCIPAL DE FUNDO === */

/* Tudo que era branco vira azul claro */
.bg-white,
.bg-slate-50,
.bg-\[\#fafafa\] {
  background-color: #eaf4ff !important;
}

/* Fundo geral de seções */
section,
.container,
.wrap,
.min-h-screen {
  background-color: #eaf4ff;
}

/* Cards / caixas continuam brancos */
.card,
.box,
.content-box,
.shadow-sm,
.shadow-xl {
  background-color: #ffffff;
}

/* TEXTOS */
.text-slate-900 { color: #0f172a; }
.text-slate-700 { color: #334155; }
.text-slate-600 { color: #475569; }

/* BOTÕES CTA */
button,
.btn,
.cta,
.bg-red-500,
.bg-red-600 {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

button:hover,
.btn:hover,
.cta:hover,
.hover\:bg-red-700:hover {
  background-color: #1e40af !important;
}

/* BORDAS */
.border-slate-50,
.border-slate-100,
.border-white {
  border-color: #dbeafe;
}

/* MOBILE */
@media (max-width: 768px) {
  body {
    background-color: #eaf4ff;
  }
  section {
    padding-left: 16px;
    padding-right: 16px;
  }
}