:root {
  --cor-primaria: #002b45;
  --cor-secundaria: #f2a13c;
  --cor-fundo: #f3f4f6;
  --cor-texto: #1f2933;
}

body {
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: radial-gradient(circle at top, #ffffff 0, #f3f4f6 45%, #e5e7eb 100%);
  color: var(--cor-texto);
}

/* Navbar */
.bg-primaria {
  background: linear-gradient(135deg, #002b45 0%, #023d5f 100%);
}

/* Botões customizados */
.btn-secundaria {
  background-color: var(--cor-secundaria);
  color: #002b45;
  border: none;
}
.btn-secundaria:hover {
  background-color: #ffb750;
  color: #002b45;
}

/* Hero */
.bg-gradient-hero {
  background: linear-gradient(135deg, #002b45 0%, #023d5f 40%, #0b1724 100%);
}
.text-secundaria {
  color: var(--cor-secundaria);
}

/* Cards */
.card-glass {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
}

/* Cards de preço */
.card-preco {
  border-radius: 1rem;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.06);
  border: none;
}
.card-preco .preco {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--cor-secundaria);
}
.card-preco.destaque {
  background: linear-gradient(135deg, #002b45 0%, #023d5f 100%);
  color: #fff;
}
.card-preco.destaque .preco {
  color: #ffe9c4;
}

/* Vídeo */
.video-container {
  max-width: 900px;
}

/* Botões redes sociais */
.btn-instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: #fff;
  border: none;
}
.btn-whatsapp {
  background-color: #25d366;
  color: #fff;
  border: none;
}
.btn-instagram:hover,
.btn-whatsapp:hover {
  filter: brightness(1.05);
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* Animações */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.95); }
  to   { opacity: 1; transform: scale(1); }
}
.animate-fade-up {
  animation: fadeUp 0.8s ease-out;
}
.animate-zoom {
  animation: zoomIn 0.7s ease-out;
}
