html {
  scroll-behavior: smooth;
}

  .destacado {
  padding: 15px;
  border-radius: 5px;
  background: #d5f0fa;
}


.destacado ul {
  margin: 0 0 0 30px;
}

.destacado li {
  margin: 0 0 10px 0px;
}


@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

  .banner-titulo {
  padding: 20px 5px 0px 40px;
  font-size: 27px;
  line-height: 29px!important;
  font-weight: 500;
  color: #000;
}

}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}




html, body {
  padding: 0;
  margin: 0;
  font-family: sans-serif;
}
.container-fluid {
  display: box;
  box-sizing: border-box;
  whidth: 100%;
}

.box {
  display: box;
  box-sizing: border-box;
  padding: 15px;
  whidth: 100%;
  height: 300px;
}
.box-header{
  display: box;
  box-sizing: border-box;
  padding: 15px;
  whidth: 100%;
  height: 100px;
}
.box-header ul {
  list-style-type: none;
  padding: 0;
}

.box-header ul li{
  display: inline;
  padding-right: 15px; 
}

.box-header ul li a{
  text-decoration: none;
  color: rgb(40, 48, 42);
  font-weight: bold;
}

.box-blue {
  background-color: rgb(17, 170, 216);
}

.box-red {
  background-color: rgb(206, 42, 6);
}

.box-green {
  background-color: rgb(3, 173, 57);
}