/* Bella Vie — custom styles (complementam Tailwind) */

:root {
  --mar-deep: #003F5C;
  --mar-medio: #0077B6;
  --mar-raso: #48CAE4;
  --ceu: #CAF0F8;
  --coral: #FF6B6B;
  --manga: #FFB454;
  --limao: #FFD93D;
  --areia: #F4E4C1;
  --rosa-buzios: #FF8FA3;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}

/* Sol pulse mais lento */
@keyframes pulse-slow {
  0%, 100% { opacity: 0.9; transform: scale(1) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.05) rotate(15deg); }
}
.animate-pulse-slow {
  animation: pulse-slow 8s ease-in-out infinite;
}

/* Onda animada */
@keyframes wave-flow {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Nav scroll behavior */
#nav {
  background: transparent;
}
#nav.scrolled {
  background: rgba(0, 63, 92, 0.95);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 30px rgba(0, 63, 92, 0.15);
}
#nav.scrolled .nav-link,
#nav.scrolled #menu-btn {
  color: white !important;
}
/* Logo swap: padrão mostra navy, ao scroll esconde navy e mostra branca */
#nav.scrolled .logo-light { display: none; }
#nav.scrolled .logo-white { display: block !important; }

/* FAQ open state */
details[open] summary span {
  transform: rotate(45deg);
  transition: transform 0.25s ease;
}

/* Smooth hover transitions on cards */
.card-lift {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
              box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Selection color */
::selection {
  background: var(--coral);
  color: white;
}

/* Hide tailwind CDN warning banner in dev */
.tailwind-warning-banner { display: none !important; }

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html { scroll-behavior: auto; }
}