/*=========== SERVICIOS ===========*/
.services-section{
padding:100px 8%;
background:#f8f8f8;
}

.container{
max-width:1300px;
margin:auto;
}

/* titulo */
.services-title{
text-align:center;
max-width:760px;
margin:auto auto 70px;
}

.services-title span{
color:#4d0505;
font-size:14px;
letter-spacing:2px;
font-weight:600;
}

.services-title h2{
font-size:35px;
margin:18px 0;
color:#222;
font-weight:600;
}

.services-title p{
font-size:18px;
line-height:1.8;
color:#666;
}


/* grid */
.services-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* cards */
.service-card{
background:#fff;
border-radius:1px;
overflow:hidden;
box-shadow:0 6px 22px rgba(0,0,0,.05);
transition:.3s ease;
}

.service-card:hover{
transform:translateY(-8px);
}

.service-card img{
width:100%;
height:220px;
object-fit:cover;
display:block;
}

.service-card h3{
font-size:24px;
padding:28px 25px 15px;
color:#222;
}

.service-card p{
padding:0 25px 35px;
font-size:16px;
line-height:1.8;
color:#666;
}

.services-title span{
display:inline-block;
padding:12px 34px;

background:#4d0505; /* fondo del card */
color:#ffffff;      /* color del texto */
border-radius:1px;

font-size:14px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;

margin-bottom:20px;
}
/*========= Responsive ========*/
@media(max-width:1100px){
.services-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

.services-section{
padding:70px 7%;
}

.services-title h2{
font-size:34px;
}

.services-grid{
grid-template-columns:1fr;
}

.service-card img{
height:250px;
}
}