<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
} .caixasitens {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacard {
background-color: #F9F9F9;
border: 1px solid #0069B4;
border-radius: 15px;
box-shadow: 0 10px 10px rgba(0,0,0,0.07);
width: 100%;
max-width: 210px;
padding: 5px;
padding-top: 20px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .caixacard:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.3);
} .caixacard h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacard p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitens {
gap: 15px;
}
.caixacard {
max-width: 100%; }
} .caixasitenstransp {
display: flex;
flex-wrap: wrap; gap: 1px;
width: 100%;
justify-content: center;
} .caixacardtransp {
background-color: #FFFFFF;
border: 0px solid #FFFFFF;
border-radius: 15px;
width: 100%;
max-width: 210px;
padding: 1px;
padding-top: 10px;
text-align: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .caixacardtransp:hover {
transform: translateY(-10px);
} .caixacardtransp h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardtransp p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitenstransp {
gap: 1px;
}
.caixacardtransp {
max-width: 100%; }
}
</style>