        /* Indicadores estilo rayita */
.carousel-indicators.custom-indicators {
  bottom: 10px; 
    left: 14% 
}
.carousel-indicators.custom-indicators li {
  background-color: gray;
  width: 30px;
  height: 3px;
  margin: 1px;
  border: none;
  border-radius: 0;
}
.carousel-indicators.custom-indicators .active {
  opacity: 1;
  background-color: white;
}

/* Controles izquierdo y derecho */
.carousel-control.custom-control {
    width: 40px;
    height: 60px;
    top: 40%;
    background-color: rgba(180, 180, 180, 0.8);
    text-align: center;
}

.carousel-control.custom-control.left {
  left: 0px;
  border-radius: 0px 4px 4px 0px;
}
.carousel-control.custom-control.right {
  right: 0px;
  border-radius: 4px 0px 0px 4px;
}

.carousel-control.custom-control .glyphicon {
  color: white;
  font-size: 18px;
  top: 83%;
  position: absolute;
  left: 70%;
  transform: translate(-50%, -50%);
}
.tab-content {
    border: 0px solid #eee;
    border-top: none;
    padding: 25px;
}