/* Start custom CSS for html, class: .elementor-element-3b47c27 */<style>
body{
font-family:Arial;
margin:0;
background:#f8fafc;
}

/* HERO */
.cat-hero{
text-align:center;
padding:60px 20px;
background:linear-gradient(135deg,#1e3a8a,#2563eb);
color:#fff;
}

.cat-hero h2{
font-size:30px;
margin-bottom:10px;
}

.cat-hero p{
color:#cbd5f5;
}

/* GRID */
.cat-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
padding:50px 20px;
max-width:1100px;
margin:auto;
}

.cat-card{
background:#fff;
padding:25px;
border-radius:16px;
text-decoration:none;
color:#111;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:.2s;
}

.cat-card:hover{
transform:translateY(-5px);
background:#eff6ff;
}

.cat-card h3{
color:#1e40af;
margin-bottom:10px;
}

/* CONTENT */
.cat-content{
max-width:900px;
margin:auto;
padding:40px 20px;
line-height:1.7;
}

/* FAQ */
.cat-faq{
max-width:900px;
margin:auto;
padding:40px 20px;
}

.cat-faq details{
background:#fff;
padding:15px;
margin-bottom:10px;
border-radius:10px;
}

.cat-faq summary{
font-weight:bold;
cursor:pointer;
}

/* CTA */
.cta-buttons{
display:flex;
justify-content:center;
gap:15px;
margin-top:20px;
flex-wrap:wrap;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
padding:16px 28px;
border-radius:40px;
font-weight:700;
text-decoration:none;
}

.btn-call{
background:#2563eb;
color:#fff;
padding:16px 28px;
border-radius:40px;
font-weight:700;
text-decoration:none;
}

@media(max-width:768px){
.cat-hero h2{font-size:22px;}
}

</style>/* End custom CSS */