.slider-container {
  height: fit-content;
  position: relative;
  overflow: hidden;
}
.swiper-container {
  display: flex;
  width: 100%;
  height: 100%;
  margin: auto;
}
.swiper-wrapper {
  cursor: grab !important;
}
.swiper-wrapper:active {
  cursor: grabbing !important;
}
.swiper-slide img {
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1200px) {
  .swiper-slide img {
    object-fit: fill;
  }
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 60% !important;
  transform: translateY(-50%);
  color: #ffffff;
  opacity: 0.4 !important;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: #ff7a28;
  opacity: 1 !important;
}
.container-slider-slider_blog:hover .swiper-button-next,
.container-slider-slider_blog:hover .swiper-button-prev {
  opacity: 1 !important;
  background: white;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  svg {
    height: 100% !important;
  }
}
.swiper-progress-bar {
  position: absolute;
  bottom: 1;
  left: 0;
  width: 100%;
  height: 10px;
  border-radius: 0;
  z-index: 20;
}
.progress {
  border-radius: 0 !important;
}
.swiper-progress-bar .progress {
  display: block;
  height: 100%;
  width: 0;
  background: #ffffff80;
  transition: width linear;
}
@media (min-width: 576px) and (max-width: 992px) {
  .swiper-button-next,
  .swiper-button-prev {
    top: 230 !important;
  }
}
@media (max-width: 576px) {
  .slider-container {
    padding: 0;
    overflow: hidden;
  }
  .swiper-button-next,
  .swiper-button-prev {
    svg {
      height: 30% !important;
    }
  }
  .swiper-button-next,
  .swiper-button-prev {
    padding: 0;
  }
  .swiper-button-next,
  .swiper-button-prev {
    top: var(--swiper-navigation-top-offset, 50%) !important;
  }
}
.swiper-pagination-bullet {
  width: 14px !important;
  height: 14px !important;
  background: #e0e0e000;
  border: 2px solid #c7c7c7;
  margin: 0 2px !important;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #919191;
  border: 1px solid #919191;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 5% !important;
}
.slider-container {
	position: relative;
}
.slider-overlay-controls {
	position: absolute;
	bottom: 30px;              /* altura sobre el slider */
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;

	display: flex;
	align-items: center;
	gap: 24px;
}
.line-control {
	width: fit-content;
	height: 2px;
	padding: 20px 0px;
	opacity: 1;
	cursor: pointer;
	transition: opacity 0.3s ease;
}
.line-control-content{
	background: #000;
	height: 1px;
	width: 20px;
}
.line-control:hover {
	opacity: 0.4;
}
.arrow-control {
	width: 20px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #000000;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.arrow-control:hover{
	opacity: 0.4;
}
.slideshow-middle-icon {
	width: 16px;
	height: 20px;
}