body{
    font-family: 'Premier League', sans-serif;
    max-width: 297mm;
    padding:10mm;
    background-image: url('wallpaper.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    margin: auto;
    color:black;
}
section#conteudo{
    background-image: url('Brasao_de_Bom_Jardim_de_Minas.png');
    background-size: 180mm;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: center;
}
h1,h2{
    font-family: 'Premier League Bold', sans-serif;
    text-align: center;
}
div.grafico{
    border:1px solid black;
    margin:30px 30px;
    display: inline-block;
}
details[open] summary:before {
    content: " ▼";
    color:black;
    font-size: 30px;
}
  
details{
    color: white;
    border-radius: 5px;
    margin:7px 0px;
    padding:3px;
    break-inside: avoid;
    display: inline-table;
    width: 100%;
    border: 1px solid #308e4e;
}
summary {
    list-style: none;
    padding: 10px 10px 10px 40px;
    background-size: 30px;
    font-weight: bold;
    color: #308e4e;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    display: flex;           /* Torna o summary um flex container */
    align-items: center;     /* Alinha verticalmente */
    gap: 10px;               /* Espaço entre ícone e texto */
}

summary:before {
    content: '►';
    color: black;
    font-size: 30px;
    display: inline-block;   /* Ícone ao lado do texto */
    margin-right: 10px;      /* Espaço à direita do ícone */
    order: 0;                /* Garante que o ícone venha antes do texto */
}
.highcharts-data-table{
    color: black;
    background-color: #ffffff00;
    width:100%
}
.highcharts-data-table th,
.highcharts-data-table td {
    font-style: normal; /* 'sans-serif' não é valor válido para font-style */
    font-family: sans-serif;
    padding: 0px 15px;
}
.highcharts-data-table th{
    text-align: right;
}
.highcharts-data-table td{
    text-align: right;
}
p{
    text-indent: 7ch;
}
p,li{
    text-align: justify;
}
img#logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150mm;
    height: auto;
}