@charset "utf-8";
/* CSS Document */

:root {
  --color-primario: #0B3C5D;
  --color-secundario: #1D7A85;
}

.seccion-institucional-avisos {
  background: #f5f7f9;
  padding: 50px 0;
}

<!--Título institucional-->

.titulo-avisos {
  text-align: center;
  color: var(--color-primario);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 30px;
  letter-spacing: 1px;
}

/*Tarjetas del carrusel*/

.avisos-carousel .item {
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
  transition: transform .3s ease;
}

.avisos-carousel .item:hover {
  transform: translateY(-5px);
}

.avisos-carousel img {
  border-radius: 3px;
}

/*Flechas institucionales*/

.owl-nav button {
  position: absolute;
  top: 40%;
  background: var(--color-primario) !important;
  color: #fff !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.owl-nav .owl-prev { left: -20px; }
.owl-nav .owl-next { right: -20px; }

/*Dots discretos*/

.owl-dots .owl-dot span {
  background: var(--color-secundario);
}

.owl-dots .owl-dot.active span {
  background: var(--color-primario);
}