/* bmc-carousel: styles aplican SOLO a .IMG_INF1_INF2_TIT_CARRUSEL transformados */
.bmc-carousel-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.bmc-carousel-fw {
  position: relative;
  width: 100vw !important;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  z-index: 2200;
}

/* Nav (flechas), pero oculto */
.bmc-carousel-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  z-index: 2220;
  display: none !important; /* ✅ ocultar flechas */
  justify-content: space-between;
  pointer-events: none;
  padding: 0 8px;
}

.bmc-carousel-nav button {
  pointer-events: all;
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.08);
  height: 38px;
  width: 38px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  font-size: 20px;
  line-height: 1;
}

/* Track del carrusel */
.bmc-carousel-track {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  box-sizing: border-box;
  scroll-behavior: smooth;
  padding: 12px 56px;

  /* 🔻 Ocultar scrollbar */
  -ms-overflow-style: none;  /* IE / Edge */
  scrollbar-width: none;     /* Firefox */
}

.bmc-carousel-track.bmc-fw {
  padding-left: 0;
  padding-right: 0;
}

/* Scrollbar oculto en Chrome / Safari */
.bmc-carousel-track::-webkit-scrollbar {
  height: 0;
}
.bmc-carousel-track::-webkit-scrollbar-thumb {
  background: transparent;
}

/* Ítems */
.bmc-carousel-item {
  display: block !important;
  min-width: 300px;
  max-width: 420px;
  flex: 0 0 auto !important;
  scroll-snap-align: start;
  box-sizing: border-box;
  margin: 0;
}

/* Imágenes dentro del carrusel + fade-in lazy */
.bmc-carousel-item img {
  max-width: 100%;
  height: auto;
  display: block;

  opacity: 0;
  transition: opacity 0.35s ease-in-out;
}
.bmc-carousel-item img[data-_lazy-loaded="1"],
.bmc-carousel-item img._loaded {
  opacity: 1;
}

/* Estado arrastrando */
.bmc-dragging {
  cursor: grabbing;
  cursor: -webkit-grabbing;
  user-select: none;
}
/* .grid2.movil {
  display: none !important;
} */
/* Responsivo */
/* Forzar carrusel a ocupar el ancho completo en móvil */
@media (max-width: 780px) {
    .bmc-carousel-wrapper {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        padding: 0 !important;
    }

    .bmc-carousel-track {
        padding: 12px 12px !important;
    }

    /* Asegurar que no quede dentro de columnas estrechas */
    .bmc-carousel-wrapper,
    .bmc-carousel-track,
    .bmc-carousel-item {
        box-sizing: border-box !important;
    }
}

@media (max-width: 640px) {
  .bmc-carousel-track{ gap:12px; }
  .bmc-carousel-item { min-width:260px; max-width:320px; }
  .bmc-carousel-nav button{ height:34px; width:34px; font-size:18px; }
}

/* Dots de paginación ROJOS */
.bmc-carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 6px 0 12px;
}

.bmc-carousel-dots .bmc-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  background: rgba(220, 0, 0, 0.35); /* rojo suave */
  cursor: pointer;
  padding: 0;
  margin: 0;
  transition: all 0.25s ease;
}

.bmc-carousel-dots .bmc-dot.is-active {
  width: 18px;
  background: #ff0000; /* rojo fuerte para el activo */
}