<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%; }
} .caixasitensclean {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardclean {
background-color: #FFFFFF;
border: 0px solid #FFFFFF;
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;
} .caixacardclean:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.3);
} .caixacardclean h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardclean p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitensclean {
gap: 15px;
}
.caixacardclean {
max-width: 100%; }
} .caixasitensazul {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardazul {
background-color: #0069B4;
border: 0px 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;
} .caixacardazul:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.3);
} .caixacardazul h2 {
font-size: 1.2rem;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardazul p {
font-size: 0.95rem;
color: #FFFFFF;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitensazul {
gap: 15px;
}
.caixacardazul {
max-width: 100%; }
} .caixasitenscinza {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardcinza {
background-color: #F9F9F9;
border: 0px 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;
} .caixacardcinza:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.3);
} .caixacardcinza h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardcinza p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitenscinza {
gap: 15px;
}
.caixacardcinza {
max-width: 100%; }
} .caixasitensfixa {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardfixa {
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;
} .caixacardfixa h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardfixa p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitensfixa {
gap: 15px;
}
.caixacardfixa {
max-width: 100%; }
} .caixasitenstranspfixa {
display: flex;
flex-wrap: wrap; gap: 1px;
width: 100%;
justify-content: center;
} .caixacardtranspfixa {
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;
} .caixacardtranspfixa h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardtranspfixa p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitenstranspfixa {
gap: 1px;
}
.caixacardtranspfixa {
max-width: 100%; }
} .caixasitenscleanfixa {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardcleanfixa {
background-color: #FFFFFF;
border: 0px solid #FFFFFF;
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;
} .caixacardcleanfixa h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardcleanfixa p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitenscleanfixa {
gap: 15px;
}
.caixacardcleanfixa {
max-width: 100%; }
} .caixasitensazulfixa {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardazulfixa {
background-color: #0069B4;
border: 0px 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;
} .caixacardazulfixa h2 {
font-size: 1.2rem;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardazulfixa p {
font-size: 0.95rem;
color: #FFFFFF;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitensazulfixa {
gap: 15px;
}
.caixacardazulfixa {
max-width: 100%; }
} .caixasitenscinzafixa {
display: flex;
flex-wrap: wrap; gap: 10px;
width: 100%;
justify-content: center;
} .caixacardcinzafixa {
background-color: #F9F9F9;
border: 0px 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;
} .caixacardcinzafixa h2 {
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
} .caixacardcinzafixa p {
font-size: 0.95rem;
line-height: 1.6;
} @media (max-width: 768px) {
.caixasitenscinzafixa {
gap: 15px;
}
.caixacardcinzafixo {
max-width: 100%; }
}
</style>