.hero {
  width: 100%;
    min-height: 50vh;
    background-color: #fff;
    background-image: url('../../images/hero-bg.png');
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    padding: 120px 0 60px 0;
    color: #212529;
}
.hp-logo{
  border-radius: 20px;
  width: 140px;
  height: auto;
}

.contect_html_graficos{
  .componente{
    transition-duration: 1s;
    background: #f4f4f4;
    border-radius: 30px;
    padding: 27px !important;
    border: solid #fff 10px;
    margin: 0 !important;
  }
}

.contect_html_datos{
  padding: 27px !important;
  background: #f4f4f4;
  border-radius: 10px;
  margin-top: 10px;
  .dt-buttons{
    margin-bottom: 10px;
  }
  .table{
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    border: none;
    border-radius: 15px;
  }
}