/* Andrea Top Nutrition — estilos complementarios a Tailwind (via CDN) */

.bg-grid-pattern {
  background-image: radial-gradient(rgba(252, 198, 1, 0.08) 1px, transparent 1px);
  background-size: 24px 24px;
}

.text-glow {
  text-shadow: 0 0 20px rgba(252, 198, 1, 0.35);
}

.glass-card {
  background: rgba(22, 22, 26, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Logo dentro del navbar oscuro: el archivo tiene fondo negro, así que se
   recorta a un chip circular sin padding para que llene todo el espacio. */
.logo-chip {
  border-radius: 9999px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-chip img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9999px;
}

/* Fotos de testimonios: se muestran completas (sin recortar), dentro de
   un marco de altura pareja entre las 4 tarjetas (contain, no cover). */
.testimonial-photo {
  width: 100%;
  height: 20rem;
  object-fit: contain;
  background: #0B0B0D;
  display: block;
}

/* Botón flotante de WhatsApp con pulso sutil para llamar la atención sin ser invasivo */
@keyframes wa-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.55); }
  70%  { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0); }
  100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
.wa-float {
  animation: wa-pulse 2.5s infinite;
}

/* Foto de hero con degradado para que el texto/badge tenga contraste */
.hero-photo-frame {
  position: relative;
  overflow: hidden;
}
.hero-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}