/* Importar la tipografía Inter */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

body {
  font-family: 'Inter', sans-serif;
  scroll-behavior: smooth;
  background-color: #f8fafc; /* Fondo deportivo claro y limpio (Slate 50) */
  color: #0f172a; /* Texto principal oscuro (Slate 900) */
  -webkit-tap-highlight-color: transparent;
}

/* --- Marcadores Deportivos (Hotspots) --- */
.hotspot-number {
  box-shadow: 0 4px 10px rgba(236, 72, 153, 0.4);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.hotspot-number.active {
  background-color: #111827 !important; /* Negro al activarse */
  border-color: #ec4899 !important; /* Borde rosa */
  transform: scale(1.2);
}



/* --- Transición para Acordeones --- */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0, 1, 0, 1);
}

.faq-answer.active {
  max-height: 1000px;
  transition: max-height 0.3s cubic-bezier(1, 0, 1, 0);
}

.faq-icon {
  transition: transform 0.3s ease;
}

.faq-icon.active {
  transform: rotate(180deg);
}

/* --- Botón Flotante de WhatsApp --- */
.whatsapp-float {
  position: fixed;
  bottom: 85px; /* Encima de la barra pegajosa móvil */
  right: 20px;
  z-index: 50;
  animation: bounce-slow 3s infinite;
}

@keyframes bounce-slow {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

/* --- Barra de Compra Pegajosa (Sticky Mobile Bar) --- */
.sticky-mobile-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
  transform: translateY(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 -4px 15px rgba(15, 23, 42, 0.08);
}

.sticky-mobile-bar.visible {
  transform: translateY(0);
}

/* --- Focus de Inputs Deportivos --- */
input:focus, select:focus, textarea:focus {
  outline: none;
  border-color: #ec4899; /* Rosa Pop */
  box-shadow: 0 0 0 3px rgba(236, 72, 153, 0.15);
}

/* Scrollbar invisible para listas horizontales */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* --- Variante de Color Activa (Radio buttons) --- */
.color-radio:checked + label {
  border-color: #ec4899; /* Rosa Pop active border */
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(236, 72, 153, 0.2);
}

/* --- Gradientes y Sombras Deportivas --- */
.shadow-sport {
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}

.shadow-sport-hover:hover {
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  transform: translateY(-2px);
}

/* Tipografía de títulos deportivos bold */
.font-sport {
  font-family: 'Inter', sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}