/* CSS para estilização */
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f4f4f9;
color: #333;
}

h1 {
color: #4500b3;
text-align: center;
border-bottom: 2px solid #ccc;
padding-bottom: 10px;
}

.secao {
margin-bottom: 30px;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
background-color: #fff;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05);
}

h2 {
color: #ac31ff;
margin-top: 0;
padding-bottom: 10px;
border-bottom: 1px dashed #eee;
}
h3 {
color: #bdbdbd;
margin-top: 0;
padding-bottom: 2px;
border-bottom: 1px dashed #eee;
}

.termo-card {
margin: 15px 0;
padding: 10px;
border-left: 5px solid #4500b3;
background-color: #e9f7ff;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.3s;
}

.termo-card:hover {
background-color: #d0eaff;
}

.termo-card h3 {
margin: 0;
display: inline-block;
color: #4500b3;
}

.termo-card .expander {
float: right;
font-weight: bold;
font-size: 1.2em;
}

.definicao {
display: none; /* Escondido por padrão */
margin-top: 10px;
padding: 10px;
border-top: 1px solid #cceeff;
background-color: #f7fcff;
}

.definicao p {
margin: 5px 0;
line-height: 1.5;
}

.definicao strong {
color: #ac31ff;
}

.definicao ul {
list-style-type: none;
padding-left: 0;
}

.definicao ul li::before {
content: "• ";
color: #28a745;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
}