/* Azura Traveler — estilos sobre Tailwind CDN */

:root {
  --azura: #14b9d5;
  --azura-dark: #0e93aa;
  --indigo: #283593;
  --ink: #1d1d1d;
  --mist: #ededed;
}

html { scroll-behavior: smooth; }

body {
  font-family: "Poppins", sans-serif;
  color: var(--ink);
}

.font-script {
  font-family: "Reenie Beanie", cursive;
}

.text-azura { color: var(--azura); }
.bg-azura { background-color: var(--azura); }
.bg-azura-dark { background-color: var(--azura-dark); }
.bg-ink { background-color: var(--ink); }
.bg-mist { background-color: var(--mist); }
.border-azura { border-color: var(--azura); }

.btn-azura {
  background-color: var(--azura);
  color: #fff;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.btn-azura:hover { background-color: var(--azura-dark); transform: translateY(-1px); }

.btn-outline {
  border: 2px solid var(--azura);
  color: var(--azura);
  transition: all 0.2s ease;
}
.btn-outline:hover { background-color: var(--azura); color: #fff; }

.lang-active {
  color: var(--azura);
  font-weight: 600;
}

.hero-overlay {
  background: linear-gradient(180deg, rgba(20, 20, 30, 0.55) 0%, rgba(20, 20, 30, 0.35) 50%, rgba(20, 20, 30, 0.65) 100%);
}

.card-pkg {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-pkg:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 40px -16px rgba(20, 30, 40, 0.35);
}

.badge-off {
  background: #d70000;
  color: #fff;
}
.badge-tier {
  background: var(--indigo);
  color: #fff;
}

.wa-float {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 60;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 9999px;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 26px -8px rgba(0, 0, 0, 0.45);
  transition: transform 0.15s ease;
}
.wa-float:hover { transform: scale(1.07); }

.section-kicker {
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--azura);
}