@charset "UTF-8";
/* CSS Document */

button,
button:active,
button:focus {
	outline: none;
	border: none;
}

.mfp-arrow-right:before {
	border-left: none;
}

.mono {
	font-family: 'DM Mono', monospace;
}

#about {
	background-image: url("../img/foto-jaime-baro-azul-GTA.jpg");
	background-size: cover;
	padding: 11rem 0;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #0095df33;
}

.sobre-mi {
	font-size: 17px;
	padding: 40px 0;
	line-height: 30px;
	/* color: white !important; */
}

section#portfolio {
	border-bottom: solid 75px #171E28;
	background: #171E28;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.portfolio-title {
	padding: 5vh 0;
}

.curriculum-title {
	padding: 3vh 0 4vh 0;
}

.button-curriculum {
	margin-top: 2vh !important;
}

section#curriculum {
	background-image: url("../img/fondo-cv.jpg");
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	opacity: 0.9;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

section#curriculum img {
	border: 1px solid #0095df
}

section#curriculum img:hover {
	border: 1px solid blue
}

.actionCurriculum {
	height: 30vh;
	display: flex;
	align-items: center;
	background: rgba(43, 51, 102, 1);
	background: -moz-linear-gradient(top, rgba(43, 51, 102, 1) 0%, rgba(26, 31, 38, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43, 51, 102, 1)), color-stop(100%, rgba(26, 31, 38, 1)));
	background: -webkit-linear-gradient(top, rgba(43, 51, 102, 1) 0%, rgba(26, 31, 38, 1) 100%);
	background: -o-linear-gradient(top, rgba(43, 51, 102, 1) 0%, rgba(26, 31, 38, 1) 100%);
	background: -ms-linear-gradient(top, rgba(43, 51, 102, 1) 0%, rgba(26, 31, 38, 1) 100%);
	background: linear-gradient(to bottom, rgba(43, 51, 102, 1) 0%, rgba(26, 31, 38, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b3366', endColorstr='#1a1f26', GradientType=0);
}

section#curriculum.page-section {
	padding: 4rem 0 10rem 0;
	min-height: calc(100vh - 75px);
}

section#curriculum.bg-dark {
	background-color: #0095df !important;
}

section#contacto {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: calc(85vh - 45px);
}

.text-contact {
	font-size: 17px;
	line-height: 30px;
}

.description-name {
	font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 0.85rem;
	font-weight: 100;
	padding: 20px 0 0 0;
}

.pf-tags {
	position: absolute;
	bottom: 15px;
}

.pf-skills {
	font-family: Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 0.75rem;
	font-weight: 100;
	background-color: #666666cc;
	padding: 7px;
	margin-right: 10px;
	border-radius: 3px;
}

button.pf-link {
	font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 0.75rem;
	font-weight: 100;
	background-color: #00394fcc;
	color: #fff;
	border: 0px;
	padding: 7px;
	margin-right: 10px;
	border-radius: 3px;
	z-index: 9999;
}

button.pf-link:hover {
	background-color: #ffffffcc;
	color: #00394f;
}

/* RESPONSIVE */

@media only screen and (max-width: 991px) {
	#portfolio .container-fluid .portfolio-box .portfolio-box-caption {
		justify-content: none;
		height: 100% !important;
		padding: 5px;
	}

	#portfolio .container-fluid .portfolio-box .portfolio-box-caption .project-name {
		font-size: 0.75rem;
	}

	.description-name {
		font-size: 0.55rem;
		padding: 2px 0 0 0;
	}

	.pf-skills {
		font-size: 0.45rem;
	}

	.pf-tags {
		bottom: 10px;
		right: none;
	}

	button.pf-link {
		font-size: 0.45rem;
	}

	#contacto {
		min-height: 80vh;
	}
}

@media only screen and (max-width: 561px) {
	#containerId {
		display: none;
	}

	.sobre-mi {
		font-size: 14px;
		line-height: 28px;
		padding: 10px 0;
	}

	#about {
		padding: 8rem 0;
	}

	section#curriculum.page-section {
		padding: 0 1rem 4rem 1rem;
	}

	section#contacto {
		padding: 4rem 0 4rem 0;
	}
}