.servicios-head {
    max-width: 640px;
    margin-bottom: 52px;
}

.servicios-grid {
    display: grid;
    gap: 24px;
}

.servicio-card {
    position: relative;
    overflow: hidden;
}

.servicio-card .servicio-index {
    font-family: var(--font-display);
    font-size: 15px;
    color: var(--color-pink);
    margin-bottom: 18px;
}

.servicio-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
}

.servicio-icon .icon {
    width: 26px;
    height: 26px;
    color: var(--color-black);
}

.servicio-card:nth-child(1) .servicio-icon { background: var(--color-pink); }
.servicio-card:nth-child(1) .servicio-icon .icon { color: var(--color-white); }
.servicio-card:nth-child(2) .servicio-icon { background: var(--color-green); }
.servicio-card:nth-child(3) .servicio-icon { background: var(--color-yellow); }

.servicio-card h3 {
    font-family: var(--font-display);
    text-transform: none;
    margin-bottom: 12px;
}

.servicio-card p {
    color: rgba(0,0,0,0.65);
}

@media (min-width: 760px) {
    .servicios-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}