.servicios{
    background:#f8fafc;
}

.servicios-title{
    text-align:center;
    margin-bottom:60px;
}

.servicios-title h2{
    font-size:2.8rem;
    margin-bottom:20px;
}

.servicios-title p{
    max-width:800px;
    margin:auto;
    line-height:1.8;
    color:#555;
}

.servicios-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.servicio-card{
    background:#fff;
    padding:40px 30px;
    border-radius:25px;
    text-align:center;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

.servicio-card:hover{
    transform:translateY(-10px);
}

.icono{
    font-size:3rem;
    margin-bottom:20px;
}

.servicio-card h3{
    margin-bottom:15px;
}

.servicio-card p{
    line-height:1.8;
    color:#666;
}