/* Custom animations and additional styles */

/* Product card stagger animation */
.productos-grid .product-card:nth-child(2) .fade-in { transition-delay: 0.1s; }
.productos-grid .product-card:nth-child(3) .fade-in { transition-delay: 0.2s; }
.productos-grid .product-card:nth-child(4) .fade-in { transition-delay: 0.15s; }
.productos-grid .product-card:nth-child(5) .fade-in { transition-delay: 0.25s; }
.productos-grid .product-card:nth-child(6) .fade-in { transition-delay: 0.2s; }

/* Garantía badge shimmer */
.hero-badge {
  background: linear-gradient(
    90deg,
    rgba(42, 171, 226, 0.15) 0%,
    rgba(42, 171, 226, 0.25) 50%,
    rgba(42, 171, 226, 0.15) 100%
  );
  background-size: 200% 100%;
  animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Glass texture effect on hero */
.hero::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    linear-gradient(135deg, transparent 40%, rgba(255, 255, 255, 0.02) 40%, rgba(255, 255, 255, 0.02) 42%, transparent 42%),
    linear-gradient(135deg, transparent 58%, rgba(255, 255, 255, 0.02) 58%, rgba(255, 255, 255, 0.02) 60%, transparent 60%);
  pointer-events: none;
}

/* Focus styles for accessibility */
a:focus-visible,
button:focus-visible {
  outline: 3px solid var(--primary);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Print styles */
@media print {
  .site-header,
  .whatsapp-float,
  .scroll-indicator,
  .menu-toggle {
    display: none !important;
  }

  .hero {
    min-height: auto;
    padding: 40px 0;
    background: white !important;
    color: black !important;
  }

  .hero h1,
  .hero-subtitle,
  .hero-coverage {
    color: black !important;
  }

  .section {
    padding: 30px 0;
    page-break-inside: avoid;
  }

  .product-card {
    box-shadow: none;
    border: 1px solid #ddd;
  }
}