/*AGREGADAS*/
body{
max-width:1350px;
  color:#333;
  overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

.container{
  max-width: 1170px;
  margin: 0 auto;
}

.back-link{
  font-size: 18px;
  font-weight: 700;
}

.card h4{
  min-height: 38px;
}

#charts .chart>.head>h3{
  font-size: 28px;
  color: #0695d6;
}
#charts .chart>.head{
  background-color: #EBEBEB;
  border-top:#333 solid 1px;
}

.paragraph{
  font-size: 16px;
}

#charts .chart {

    box-shadow: none;
    box-sizing: border-box;
    margin: 0 0 100px;
    background-color: #fff;


}

#charts .chart>.referenceContainer>.references>p{
  font-weight: 400;
}

.modal-share .share-open-button{
  opacity: 0.7;
  background-color: #FFF;
}

.modal-share .share-open-button.hamburger-dark {
    border: 1px solid #000;
}

.modal-share .share-open-button.hamburger-dark>span {
    background: #000;
}

#charts .chart>.referenceContainer{
  background-color: #CDCDCD;
  color:#000;
  margin-top: 5px;
}

#cards .card>.button {
  margin: 0;
  width: 100%;
  padding: 0;
  height: 30px;
  background-color: #0695d6;
  border-radius: 15px;
  font-size: 16px;
  color: white;
  font-weight: 500;
  display: inline-block;
}

#cards .card>.button>span {
  border-radius: 15px;
}
.append{
  order: 99;
}

.card{
  align-self: flex-start;
}