@font-face {
  font-family: 'Rotunda';
  src: url('../fonts/Rotunda-Medium.woff') format('woff');
  font-weight: 500; /* Medium equivale a un grosor 500 */
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Variable.woff') format('woff');
  font-weight: 100..900; /* Rango dinámico para fuentes variables */
  font-style: normal;
  font-display: swap;
}



.chart-container {
  width:  80%;
  height: 400px;
  margin: 0 auto;
}

.pie-chart-container {
  width : 360px;
  height : 360px;
  float : left;
}




/*h1, h2, h3 {*/
/*    font-family: 'Trebuchet MS';*/
/*}*/

.arrasate p {
    font-family:  Inter; /* Verdana*/
    font-size: 13px;
}

.arrasate h1 {
    font-family:  Rotunda; /* Trebuchet MS*/
    font-size: 33px;
}

.arrasate h2 {
    font-family:  Rotunda; /* Trebuchet MS*/
    font-size: 28px;
}

.arrasate h3 {
    font-family:  Rotunda; /* Trebuchet MS*/
    font-size: 25px;
}

.arrasate li {
    font-family:  Inter; /* Verdana*/
}

.arrasate ol {
    font-family:  Inter; /* Verdana*/
    font-size: 13px;
}

.arrasate a {
	text-decoration: none !important;
    color: #000000;
	/*zaharra: 6f42c1*/
}

.arrasate a:hover {
  color: #7d54fa;
}

.arrasate a strong {
  font-weight: 700 !important;
}

.arrasate td {
    font-family:  Inter; /* Verdana*/
    font-size: 12px;
}

.arrasate th {
    font-family:  Inter; /* Verdana*/
    font-size: 12px;
}

.navbar a {
    font-family:  Inter; /* Verdana*/
    font-size: 12px;
}

#navbarLinkWh a {
    font-family:  Inter; /* Verdana*/
    font-size: 12px;
    color: white;
}