/* ============================================================
   MERCUMEX GLOBAL — Override CSS
   Asegura que TODOS los elementos son visibles
   ============================================================ */

/* Stats bar - ocultar completamente */
.stats-bar, .stats-grid, .stat-item, .stat-num, .stat-suf, .stat-sep {
  display: none !important;
}

.hero-scroll-cta, .scroll-dot {
  display: none !important;
}

/* Reveal animations - DESACTIVAR */
.reveal {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

.reveal[data-dir="up"] {
  opacity: 1 !important;
  transform: none !important;
}

.reveal[data-dir="left"] {
  opacity: 1 !important;
  transform: none !important;
}

.reveal[data-dir="right"] {
  opacity: 1 !important;
  transform: none !important;
}

.reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* Asegurar que hero content es visible */
.hero-content {
  opacity: 1 !important;
  visibility: visible !important;
}

/* === CRÍTICO: Carousel de productos VISIBLE === */
.product-carousel-wrap {
  opacity: 1 !important;
  visibility: visible !important;
  height: 580px !important;
  overflow: hidden !important;
}

.pc-stage {
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
}

/* FORZAR que TODOS los slides sean visible */
.pc-slide {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

.pc-slide.active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 1 !important;
}

.pc-slide img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* === CRÍTICO: Imagen de operaciones VISIBLE === */
.about-visual {
  opacity: 1 !important;
  visibility: visible !important;
}

.about-img-wrap {
  opacity: 1 !important;
  visibility: visible !important;
  width: 100% !important;
}

.about-img-wrap img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  width: 100% !important;
}

.about-main-img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}

/* Asegurar que todas las imágenes cargan */
img {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}

/* Asegurar que contenedores son visibles */
.container {
  visibility: visible !important;
  opacity: 1 !important;
}

.section {
  visibility: visible !important;
  opacity: 1 !important;
}

/* Deshabilitar transiciones innecesarias */
.reveal {
  transition: none !important;
}
