/* Sección principal del carrusel */
.marcas-carousel {
  display: flex;
  width: 100%;
  background-color: var(--background2);
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.marcas-content{
  display: flex;
  flex-direction: column;
  max-width: 720px;
  padding: clamp(2rem, 5vw, 3rem);
}

/* Información textual encima del carrusel */
.marcas-info {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
}

.marcas-info h2 {
  text-align: center;
}

.marcas-info p {
  text-align: justify;
}

/* Contenedor Swiper (carrusel) */
.marcas-carousel .swiper {
  width: 100%;
  max-width: 420px;
}

/* Línea de slides (no usar gap para Swiper) */
.marcas-carousel .swiper-wrapper {
  display: flex;
  align-items: center;
}

/* Cada slide individual */
.marcas-carousel .swiper-slide {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Imagen de cada marca/logo */
.marcas-carousel img {
  max-width: 100%;
  max-height: clamp(60px, 8vw, 80px);
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
  margin: 0 clamp(8px, 3vw, 15px);
}

.marcas-carousel img:hover {
  filter: grayscale(0%);
}

/* Texto legal inferior */
.legal-details {
  font-size: clamp(11px, 1.5vw, 12px);
  color: #666;
  text-align: center;
  margin-top: 20px;
}