.section-servicos { padding: 90px 0 100px; background: var(--branco); }
.section-servicos .card { height: 100%; display: flex; align-items: center; gap: 25px; padding: 30px; border: 1px solid var(--cinza); border-radius: 12px; background: rgba(255,255,255,.28); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.section-servicos .card:hover { transform: translateY(-5px); border-color: var(--amarelo); box-shadow: 0 15px 35px rgba(0,0,0,.07); }
.section-servicos .card-icone { flex: 0 0 90px; width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--preto); font-size: 40px; background: radial-gradient(circle, var(--amarelo) 58%, transparent 59%); position: relative; }
.section-servicos .card-icone::before { content: ""; position: absolute; inset: -7px; border-radius: 48% 52% 55% 45%; background: rgba(246,197,21,.75); z-index: -1; transform: rotate(-7deg); }
.section-servicos .card-icone i {position: relative; z-index: 2;}
.section-servicos .card-conteudo { flex: 1; }
.section-servicos .card-conteudo h3 { margin: 0 0 10px; color: var(--preto); font-size: 20px; font-weight: 900; text-transform: uppercase; }
.section-servicos .card-conteudo p { margin: 0 0 15px; color: #444; font-size: 14px; line-height: 1.6; }
.section-servicos .card-conteudo a { display: inline-flex; align-items: center; gap: 7px; color: var(--vermelho); font-size: 13px; font-weight: 700; }
.section-servicos .card-conteudo a:hover { gap: 11px; }
.section-servicos .card-conteudo a i { transition: .2s ease; }

@media (max-width: 1199px) { }

@media (max-width: 991px) { }

@media (max-width: 767px) { }

@media (max-width: 480px) { }