h1{color:var(--blue-color-one);}:root{--blue:#287bff;--white:#fff;--grey:#f5f5f5;}.cartoes-ferramentas{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}.cartoes-ferramentas .cartao-ferramenta{position:relative;background:var(--white);padding:30px;border-radius:20px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 7px 25px rgba(0,0,0,.08)}.cartoes-ferramentas .cartao-ferramenta .cartao-icone{position:relative;font-weight:500;font-size:2.2em;color:var(--blue-color-one)}.cartoes-ferramentas .cartao-ferramenta .cartao-nome{color:var(--white);font-size:1.1em;margin-top:5px}.cartoes-ferramentas .cartao-ferramenta .iconBx{font-size:3.5em;color:var(--black2)}.cartoes-ferramentas .cartao-ferramenta:hover{background:var(--blue-color-one);color:var(--white)}@media (max-width:768px){.cartoes-ferramentas{grid-template-columns:repeat(2,1fr)}.cartoes-ferramentas{padding:10px;grid-gap:10px}.cartoes-ferramentas .cartao-ferramenta{padding:15px}.cartoes-ferramentas .cartao-ferramenta .cartao-icone{font-size:2em}.cartoes-ferramentas .cartao-ferramenta .cartao-nome{font-size:1em}}.cartoes-ferramentas{position:relative;width:100%;padding:20px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px}.cartoes-ferramentas .cartao-ferramenta{position:relative;background:var(--blue);padding:30px;border-radius:20px;display:flex;justify-content:space-between;cursor:pointer;box-shadow:0 7px 25px rgba(0,0,0,.08)}.cartoes-ferramentas .cartao-ferramenta .cartao-icone{position:relative;font-weight:500;font-size:2.2em;color:var(--white)}.cartoes-ferramentas .cartao-ferramenta:hover{background:var(--blue);color:#fff;}.cartoes-ferramentas .cartao-ferramenta:hover .cartao-nome,.cartoes-ferramentas .cartao-ferramenta:hover .cartao-icone{color:var(--white)}@media (max-width:768px){.cartoes-ferramentas{grid-template-columns:repeat(2,1fr)}.cartoes-ferramentas{padding:10px;grid-gap:10px}.cartoes-ferramentas .cartao-ferramenta{padding:15px}.cartoes-ferramentas .cartao-ferramenta .cartao-icone{font-size:2em}.cartoes-ferramentas .cartao-ferramenta .cartao-nome{font-size:1em}}@media (max-width:991px){.cartoes-ferramentas{grid-template-columns:repeat(2,1fr)}}.cartao-desc{font-size:0.9em;color:#f0f0f0;opacity:0.85;margin-top:6px;line-height:1.4;}.cartao-ferramenta{transition:all 0.3s ease;align-items:flex-start;}.cartao-ferramenta:hover{transform:translateY(-5px);box-shadow:0 12px 25px rgba(0,0,0,0.1);}.cartao-icone ion-icon{color:var(--white);font-size:2.4em;margin-bottom:10px;}