.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
}

.carousel {
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
}

@media (min-width: 768px) {
  .carousel-inner .active, .carousel-inner .active + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item, .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
}

@media (min-width: 768px) {
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left), .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
}

@media (min-width: 768px) {
  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
}

@media (max-width: 576px) {
  .span-amigos {
    font-size: 24px !important;
  }
}

#recorre {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container {
}

@media (max-width: 768px) {
  .titulo {
    font-size: 24px !important;
  }
}

@media (max-width: 576px) {
  .titulo {
    font-size: 18px !important;
  }
}

@media (max-width: 700px) {
  .subtitulo {
    font-size: 14px !important;
  }
}

@media (max-width: 768px) {
  .subtitulo {
    font-size: 26px;
  }
}

@media (max-width: 768px) {
  .btn-xl {
    font-size: 14px !important;
    padding: 5px 10px !important;
    width: 160px !important;
    height: 60px!important;
  }
}

@media (max-width: 575px) {
  .btn-xl {
    font-size: 14px !important;
    padding: 5px 10px !important;
    width: 180px !important;
    height: 40px !important;
  }
}

@media (max-width: 600px) {
  .achicar-boton {
    width: 327px;
    height: 200px;
  }
}

@media (max-width: 768px) {
  .masthead {
    width: auto;
    height: auto;
  }
}

@media (max-width: 576px) {
  .intro-heading {
    height: 232px !important;
  }
}

@media (max-width: 700px) {
  .intro-lead-in {
    height: 36px !important;
  }
}

@media (max-width: 576px) {
  .intro-lead-in {
    height: 48px;
  }
}

@media (max-width: 700px) {
  .intro-heading {
    height: 229px !important;
  }
}

@media (max-width: 576px) {
  .span-secciones {
    font-size: 48px !important;
  }
}

@media (max-width: 576px) {
  .span-ventas {
    font-size: 30px !important;
  }
}

.carousel-inner {
  display: flex;
  justify-content: center;
  align-items: center;
}