/**
 * ============================================================
 * GRUPO CAPITAL DE MAQUINARIA - Estilos Globales
 * Archivo: styles.css
 * ============================================================
 */

/* ── Base ── */
body {
  font-family: 'Inter', sans-serif;
  background-color: #f8f9fa;
}

h1, h2, h3, .font-manrope, .font-headline {
  font-family: 'Manrope', sans-serif;
}

/* ── Material Symbols ── */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  vertical-align: middle;
}

/* ── Stagger Animations ── */
.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }
.stagger-5 { animation-delay: 0.5s; }
.stagger-6 { animation-delay: 0.6s; }
.stagger-7 { animation-delay: 0.7s; }
.stagger-8 { animation-delay: 0.8s; }

/* ── Carousel ── */
.carousel-container {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .carousel-container { height: 400px; }
}
.carousel-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  z-index: 10;
}
.carousel-slide.active {
  opacity: 1;
  z-index: 20;
}
.carousel-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ── Scrollbar sutil ── */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #c5c6d2; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #757682; }

/* ── Product image gallery active thumbnail ── */
.thumb-active {
  border: 2px solid #00113a;
  opacity: 1;
}
/* ── Utilities ── */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}