body{

font-family: Arial;
margin:0;
background:#f5f5f5;

min-height:100vh;
display:flex;
flex-direction:column;

}

header{

background:#0c4a6e;
color:white;
padding:20px;
text-align:center;

}

nav{

background:#0369a1;
padding:10px;
text-align:center;

}

/* BOTÕES DO FILTRO */

nav button{

background:#0c4a6e;
color:white;
border:none;
padding:10px 20px;
margin:5px;
border-radius:6px;
cursor:pointer;
font-weight:bold;

}

nav button:hover{

background:#075985;

}

section{

background:white;
margin:20px;
padding:20px;
border-radius:8px;

}

.cards{

display:grid;
grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
gap:20px;
margin-top:20px;

}

.card{

background:white;
padding:20px;
border-radius:10px;
text-decoration:none;
color:#333;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
transition:0.3s;

}

.card:hover{

transform:translateY(-5px);
box-shadow:0 8px 20px rgba(0,0,0,0.15);

}

.card h3{

margin-top:0;
color:#0c4a6e;

}

footer{

margin-top:auto;
background:#0c2d48;
color:white;
text-align:center;
padding:20px;

}
.btn-download {
display: inline-block;
margin-top: 15px;
padding: 10px 18px;
background-color: #0066cc;
color: white;
text-decoration: none;
border-radius: 6px;
font-weight: bold;
}

.btn-download:hover {
background-color: #004a99;
}