body {
	background-image: url('/assets/images/fondo_upes_oficinas.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 100vh;
	color: #000;
}
.navbar {
	background-color: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(-160px);
}
.navbar .navbar-brand img {
	height: 45px;
	object-fit: contain;
}
.social-link i {
	font-size: 1.5rem;
	transition: color 0.3s ease;
}
.social-link:hover i {
	color: #007bff;
}
.row.equal-height {
	display: flex;
	flex-wrap: wrap;
}
.row.equal-height > [class*="col-"] {
	display: flex;
	flex-direction: column;
}
.card {
	border: none;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s ease;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.card:hover {
	transform: translateY(-5px);
}
.card-portfolio {
	position: relative;
	overflow: hidden;
}
.card-portfolio img {
	transition: transform 0.5s ease;
}
.card-portfolio:hover img {
	transform: scale(1.2);
}
.card-img-top {
	height: 180px;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}
.card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

/* xxs */
/* Estos estilos solo se aplicaran hasta el tamaño indicado */
@media screen and (max-width: 209px) {
}
/* xs */
/* Estos estilos solo se aplicaran hasta el tamaño indicado */
@media screen and (min-width: 210px) and (max-width: 575px) {
}
/* sm */
/* Estos estilos solo se aplicaran hasta el tamaño indicado */
@media screen and (min-width: 575.1px) and (max-width: 767px) {
}
/* md */
/* Solo se aplicaran entre los tamaños indicados */
@media screen and (min-width: 768px) and (max-width: 991px) {
}
/* lg */
/* Solo se aplicaran entre los tamaños indicados */
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
/* xl */
/* Los estilos aqui contenidos solo se aplicaran a partir del tamaño de pantalla indicado */
@media screen and (min-width: 1200px) {
}