.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:0 auto;width:100%;}
.resource-card{background:var(--card-bg);padding:30px;border-radius:16px;box-shadow:0 10px 30px var(--shadow-light-alpha);text-align:center;transition:transform 0.3s ease;}
.resource-card:hover{transform:translateY(-4px);}
.icons{padding:15px;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px auto;}
.icons i{font-size: 2rem;};

.resource-card h3{margin-bottom: 25px;font-size:1.5rem;font-weight: 400;}
.resource-card h4{margin-bottom: 5px;font-size:2rem;}
.resource-card p{color:var(--text-light);margin-bottom:50px;font-size:1rem;}

.btn-action{display:flex;align-items:center;padding:20px;border-radius:12px;text-decoration:none;transition:all 0.3s ease;border:1px solid var(--text-very-light);box-shadow:0 4px 6px var(--shadow-light-alpha);position:relative;overflow:hidden;}
.btn-icon-wrapper{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:20px;font-size:1.5rem;flex-shrink:0;}
.btn-text{flex:1;display:flex;flex-direction:column;}
.btn-text span{font-size:0.85rem;color:var(--text-gray);margin-bottom:2px;}
.btn-text strong{font-size:1.2rem;font-weight:800;color:var(--primary);}
.arrow-icon{font-size:1.2rem;color:var(--text-very-light);transition:transform 0.3s,color 0.3s;}

.btn-whatsapp .btn-icon-wrapper{background-color:var(--light-green);color:var(--whatsapp);}
.btn-whatsapp:hover{border-color:var(--whatsapp);transform:translateY(-4px);box-shadow:0 10px 20px rgba(37,211,102,0.2);}
.btn-whatsapp .btn-text strong{color:var(--whatsapp);}
.btn-whatsapp:hover .arrow-icon{color:var(--whatsapp);transform:translateX(5px);}

.btn-pdf .btn-icon-wrapper{background-color:var(--light-red);color:var(--magenta);}
.btn-pdf .btn-text strong{color:var(--magenta);}
.btn-pdf:hover .arrow-icon{color:var(--magenta);transform:translateX(5px);}

.btn-forms .btn-icon-wrapper{background-color:var(--light-purple);color:var(--purple);}
.btn-forms .btn-text strong{color:var(--purple);}
.btn-forms:hover .arrow-icon{color:var(--purple);transform:translateX(5px);}


@media (max-width: 768px) {
    .resources-grid{grid-template-columns:1fr;gap:20px;}
    .resource-card{padding:20px;}
    .icons{width:60px;height:60px;}
    .icons i{font-size:1.5rem;}
    .resource-card h2{font-size:1.8rem;}
    .resource-card h3{font-size:1.2rem;}
    .resource-card p{font-size:0.85rem;margin-bottom:30px;}
}