@charset "UTF-8";
body {
  background: aliceblue;
}

/* Poner aquí el nombre de la clase del elemento contenedor del carrusel */
/* Este SCSS usará esta clase para ubicar los elementos del carrusel y estilizarlos de forma acorde */
.carrusel-presencia-contenedor {
  position: relative;
  /* Puntitos de abajo */
  /* Contenido de cada tarjeta */
}
.carrusel-presencia-contenedor h2 {
  font-size: 30px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px;
}
.carrusel-presencia-contenedor .owl-stage-outer {
  padding: 0px 0;
}
.carrusel-presencia-contenedor .owl-nav {
  display: none;
}
.carrusel-presencia-contenedor .owl-dots {
  text-align: center;
  margin-top: 10px;
}
.carrusel-presencia-contenedor .owl-dots span {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 2px solid #01b0f8;
  margin: 0 5px;
}
.carrusel-presencia-contenedor .owl-dots .active {
  box-shadow: none;
}
.carrusel-presencia-contenedor .owl-dots .active span {
  background: #01b0f8;
  box-shadow: none;
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
}
.carrusel-presencia-contenedor .card {
  max-height: 250px;
  margin: 0 20px;
  padding: 0 10px;
}
.carrusel-presencia-contenedor .card .card-img-top {
  border-radius: 50%;
  margin: 15px auto 0;
  box-shadow: 0 8px 20px -4px #95abbb;
  width: 150px;
  height: 150px;
  max-width: 150px;
}
.carrusel-presencia-contenedor .card h5 {
  color: #01b0f8;
  font-size: 21px;
  line-height: 1.3;
}
.carrusel-presencia-contenedor .card h5 span {
  font-size: 18px;
  color: #666666;
}
.carrusel-presencia-contenedor .card p {
  font-size: 18px;
  color: #555;
  padding-bottom: 15px;
}
.carrusel-presencia-contenedor .active {
  opacity: 0.8;
  transition: all 0.3s;
}
.carrusel-presencia-contenedor .center {
  opacity: 1;
}
.carrusel-presencia-contenedor .center h5 {
  font-size: 24px;
}
.carrusel-presencia-contenedor .center h5 span {
  font-size: 20px;
}

@media (max-width: 767px) {
  .nuestrapresencia {
    margin-top: 20px;
  }
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  outline: 0;
}
.owl-carousel button.owl-dot {
  outline: 0;
}

/*# sourceMappingURL=owlcarousel_presencia.css.map */
