/*=====================================================
SEDES
======================================================*/

.sedes{

    padding:50px 8%;

    background:#f8fafc;

}
.section-title-sedes{
	
	
	text-align:center;
	
	
}

.section-title-sedes span{
	
	font-size:28px;
	
	color:#D71920;

	font-weight:bold;

	letter-spacing:3px;
	
	
}

.section-title-sedes h2{

	font-size:48px;

	color:#005EB8;

	margin:10px 0;

}

.section-title-sedes p{

font-size:18px;

line-height:34px;

margin-bottom:15px;

color:#555;

}

.sedes-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:40px;

}

.sede-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(0,0,0,.08);

    transition:.35s;

}

.sede-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.15);

}

.sede-card img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.4s;

}

.sede-card:hover img{

    transform:scale(1.05);

}

.sede-content{

    padding:30px;

}

.sede-content h3{

    color:#005EB8;

    margin-bottom:20px;

    font-size:28px;

}

.sede-content p{

    margin-bottom:15px;

    color:#555;

    display:flex;

    align-items:center;

    gap:12px;

}

.sede-content i{

    color:#D71920;

    width:20px;

}

.btn-sede{

    margin-top:20px;

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#005EB8;

    color:#fff;

    padding:14px 28px;

    text-decoration:none;

    border-radius:8px;

    transition:.3s;

    font-weight:600;

}

.btn-sede:hover{

    background:#D71920;

}

/*=====================================================
RESPONSIVE SEDES
======================================================*/

@media (max-width:992px){

    .sedes-grid{

        grid-template-columns:1fr;

    }

}

@media (max-width:768px){

    .sedes{

        padding:80px 6%;

    }

    .sede-card img{

        height:220px;

    }

    .sede-content{

        padding:25px;

    }

    .sede-content h3{

        font-size:24px;

    }

}