:root {
  --slider-color-1: #c9e4b7; /**rgb(162, 168, 179);*/
  --slider-color-2: var(--cr-2n);
  --slider-color-3: var(--cr-11n);
}
.__sliderItem {
  transition: all 200ms ease;
}
.__sliderItem:hover {
  background-color: var(--cr-21) !important;
}
.__sliderItem .__tag {
  background-color: var(--slider-color-1);
}
.__sliderItem .__text-1 {
  color: var(--slider-color-3);
}
.__sliderItem .__btn-slider {
  background-color: var(--slider-color-2) !important;
}
.__truncate {
  /*overflow: hidden;*/
  white-space: nowrap;
  text-overflow: ellipsis;
}
.__btn-slider {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
@media screen and (max-width: 575px) {
  .__tag-text {
    font-size: 14px;
  }
  .__tag {
    min-width: 85%;
    max-width: 285px;
  }
  .__sliderItem .__text-1 {
    font-size: 20px;
  }
  .__text-2.__line-1.__truncate {
    max-height: 65px;
  }
  .__text-2.__line-1.__truncate,
  .__text-2.__line-2.__truncate {
    font-size: 15px;
    white-space: normal;
  }
  .__btn-slider {
    padding: 0.5rem 0.8rem !important;
  }
  .__btn-slider span {
    font-size: 13px !important;
  }
  .__sliderItem .__container-text {
    min-height: 85px;
  }
  .__sliderItem .__img-mob-slider {
    min-height: 110px;
    max-height: 145px;
  }
  .__sliderItem .__img-mob-slider img {
    max-height: 165px;
  }
}
@media screen and (max-width: 374px) {
  .__btn-slider span {
    /*font-size: 15px;*/
    font-size: 10px !important;
  }
  .__sliderItem .__text-2 {
    font-size: 15px;
  }
  .__tag-text {
    font-size: 13px;
  }
}
@media screen and (min-width: 576px) and (max-width: 991px) {
  .__tag {
    min-width: 80%;
    max-width: 285px;
  }
  .__tag-text {
    font-size: 22px;
  }
  .__sliderItem .__text-1 {
    font-size: 28px;
  }
  .__text-1.__line-1.__truncate,
  .__text-1.__line-2.__truncate {
    max-height: 57px;
  }
  .__sliderItem .__text-2 {
    font-size: 20px;
  }
  /** Comentado para que no se peqgue el texto con el boton */
  /** .__text-2.__line-1.__truncate {
    max-height: 25px;
  } */
  .__text-2.__line-2.__truncate {
    max-height: 50px;
  }
  .__btn-slider span {
    font-size: 18px;
  }
  .__sliderItem .__img-mob-slider {
    min-height: 165px;
    max-height: 175px;
  }
  .__sliderItem .__img-mob-slider img {
    max-height: 195px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .__tag-text {
    font-size: 22px;
    font-weight: 400;
  }
  .__sliderItem .__text-1 {
    font-size: 34px;
  }
  .__text-1.__line-1.__truncate {
    max-height: 40px;
  }
  .__text-1.__line-2.__truncate {
    max-height: 69px;
  }
  .__sliderItem .__text-2 {
    font-size: 18px;
  }
  .__text-2.__line-1.__truncate {
    max-height: 22px;
  }
  .__text-2.__line-2.__truncate {
    max-height: 44px;
  }
  .__btn-slider {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .__btn-slider span {
    font-weight: 400;
    font-size: 18px;
  }
}
@media screen and (min-width: 1200px) {
  .__sliderItem .__slider-mh {
    min-height: 268px;
  }
  .__tag-text {
    font-size: 24px;
    font-weight: 400;
  }
  .__tag-text.__truncate {
    max-width: 365px;
  }
  .__sliderItem .__text-1 {
    /*font-size: 42px;*/
    font-size: 38px;
  }
  .__text-1.__line-1.__truncate {
    max-width: 630px;
    max-height: 52px;
  }
  .__text-1.__line-2.__truncate {
    max-width: 650px;
    max-height: 102px;
    line-height: 1.1em;
  }
  .__sliderItem .__text-2 {
    font-size: 20px;
  }
  .__text-2.__line-1.__truncate {
    max-width: 530px;
    max-height: 30px;
  }
  .__text-2.__line-2.__truncate {
    max-width: 445px;
    max-height: 60px;
  }
  .__btn-slider span {
    font-weight: 400;
    font-size: 20px;
  }
}
@media screen and (min-width: 992px) {
  .__img-desk-slider img {
    max-height: 235px;
  }
  .__btn-slider:hover {
    box-shadow: 0 14px 8px -12px rgb(153 153 153 / 42%),
      0 4px 23px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(153 153 153 / 20%) !important;
  }
}
@media screen and (min-width: 1200px) {
  .__img-desk-slider img {
    max-height: 280px;
  }
}
