/* VARIABLES DE COLOR DE LA MARCA (Gils Agency) */
:root {
  --travel-ocean: #0284C7;
  --travel-cyan: #06B6D4;
  --travel-nature: #10B981;
  --travel-sun: #F97316;
  --travel-sun-hover: #EA580C;
  --travel-sky: #E0F2FE;
  --travel-sand: #FEF9C3;
}

/* CLASES DE UTILIDAD PERSONALIZADAS */
.bg-travel-ocean { background-color: var(--travel-ocean); }
.text-travel-ocean { color: var(--travel-ocean); }
.border-travel-ocean { border-color: var(--travel-ocean); }

.bg-travel-sun { background-color: var(--travel-sun); }
.bg-travel-sun:hover { background-color: var(--travel-sun-hover); }
.text-travel-sun { color: var(--travel-sun); }
.decoration-travel-sun { text-decoration-color: var(--travel-sun); }

.bg-travel-nature { background-color: var(--travel-nature); }
.text-travel-nature { color: var(--travel-nature); }

.text-travel-cyan { color: var(--travel-cyan); }
.text-travel-sand { color: var(--travel-sand); }

/* ANIMACIÓN DE SCROLL Flotante */
@keyframes float-bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(10px); }
}

.animate-float {
  animation: float-bounce 2s infinite ease-in-out;
}