@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");

/* font-family: 'Roboto', sans-serif; */
/* font-family: 'Montserrat', sans-serif; */
/* font-family: 'PT Sans', sans-serif; */
*,
*::before,
*::after {
	font-family: "Montserrat", sans-serif;
}

html {
	font-size: 16px;
}

body {
	background-color: white;
}

header {
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-direction: column;
}
ul.navbar-nav.mr-auto {
	font-weight: 800;
	font-size: 20px;
}

nav.navbar {
	margin-bottom: 1rem;
}
.navbar-nav {
	flex-direction: row;
}
nav .nav-link {
	color: rgb(16, 16, 16) !important;
	padding: 10px 0px 10px 0px !important;
	margin-right: 38.4px;
	font-weight: 900;
	transition: all 0.3s;
}

.wsp {
	display: flex;
	align-items: center;
}
.wsp img {
	padding: 10px 0px 10px 0px !important;
	margin-right: 5px;
}

nav .nav-link:hover {
	color: #0d6efd !important;
}

nav .nav-link.active {
	border-bottom: 2px solid #0d6efd;
}

ul.navbar-nav.ms-auto > li:nth-child(2) > a {
	margin-right: 0 !important;
}

header h1 {
	color: rgb(16, 16, 16) !important;
	font-size: 80px;
	font-weight: 800;
	padding-left: 0 !important;
	text-shadow: 6px 4px 0px #ffffff;
}

.titulo {
	background: rgb(255, 255, 255);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 70%), url("../img/header.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right;
	flex-direction: column;
	height: 700px;
	justify-content: center;
	flex-wrap: nowrap;
}

a.btnCopado {
	text-align: center;
	color: rgb(16, 16, 16) !important;
	text-decoration: none;
	font-size: 16px;
	font-weight: 700;
	width: 200px;
	border: 2px solid #0d6efd !important;
	padding: 20px 40px 20px 40px;
	background: linear-gradient(to right, #0d6efd, #0d6efd);
	background-repeat: no-repeat;
	background-size: 0 100%;
	transition: background-size 0.5s 0s;
}

a.btnCopado:hover {
	color: white !important;
	background-size: 100% 100%;
}

.departamentos {
	padding-top: 5rem;
	display: flex;
	min-height: 100vh;
	align-items: center;
}

.departamentos div:nth-child(1) {
	padding-right: 1em;
}
.departamentos div:nth-child(2) {
	padding-left: 1em;
}

.departamentos .card {
	background-color: white;
	border-radius: 0;
	box-shadow: 0px 10px 50px 1px rgb(0 0 0 / 30%);
	padding: 3rem 1rem;
	transition: box-shadow 0.5s;
}
.departamentos .card:hover {
	box-shadow: 0px 10px 50px 1px rgb(0 0 0 / 100%);
}

.departamentos .card-title {
	color: rgb(16, 16, 16);
	font-size: 30px;
	font-weight: 700;
}

.departamentos .card-text {
	color: rgb(16, 16, 16);
}

.departamentos .card-body img {
	height: 300px;
	width: 100%;
	object-fit: cover;
}

.departamentos .depSubtitulo {
	color: #0d6efd;
	font-size: 26px;
	font-weight: 300;
}
.departamentos .depDescripcion {
	height: 650px;
	max-height: 650px;
	overflow-y: hidden;
	margin-top: 1em;
	text-align: justify;
	font-weight: 500;
}

.departamentos .depSeguridad {
	background-color: #0d6efd;
	color: white;
	padding: 0.3rem;
	width: 270px;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 5px;
}

.depSeguridadRed {
	background-color: #fd7e14 !important;
}

.hrCopado {
	width: 75px;
	border: 2px solid #0d6efd;
	opacity: 1;
}

footer {
	background-color: rgb(16, 16, 16);
	height: 200px;
}

@media (max-width: 1400px) {
	.depSubtitulo {
		font-size: 20px !important;
	}
}

@media (max-width: 1200px) {
	.depSubtitulo {
		font-size: 18px !important;
	}
}

@media (max-width: 992px) {
	.departamentos .col-lg-6.col-md-12 {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-bottom: 2rem;
	}
	a.btnCopado {
		color: white !important;
		background: #0d6efd;
		transition: all 0.5s;
		border: none !important;
	}

	a.btnCopado:hover {
		color: black !important;
		background: white;
		border: none !important;
	}
	.informacionUtil p {
		font-size: 16px !important;
	}
}

@media (max-width: 768px) {
	header h1 {
		text-align: center;
	}
	.titulo {
		align-items: center;
		background-position: bottom;
	}
}

@media (max-width: 576px) {
	header h1 {
		font-size: 46px;
	}
	.informacionUtil h2 {
		font-size: 30px !important;
	}
	.departamentos .depSeguridad {
		width: 100%;
	}
	.departamentos .card-title {
		font-size: 23px !important;
	}
	.contacto label {
		font-size: 15px !important;
	}
	header.container {
		padding-right: var(--bs-gutter-x, 2rem) !important;
		padding-left: var(--bs-gutter-x, 2rem) !important;
	}
}

@media (max-width: 440px) {
	ul.navbar-nav.mr-auto.align-items-center {
		width: 100%;
		justify-content: center;
	}
	.wsp {
		margin-right: 0 !important;
	}
	header ul.navbar-nav.ms-auto {
		justify-content: center;
		width: 100%;
		margin-left: 0 !important;
	}
}

.informacionUtil {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
	margin-top: 5rem;
	margin-bottom: 5rem;
}

.informacionUtil h2 {
	font-size: 50px;
	font-weight: 800;
	border-bottom: 3px solid #0d6efd;
	margin-bottom: 2rem;
}
.informacionUtil p {
	font-weight: 400;
	font-size: 30px;
	background-color: rgb(16, 16, 16);
	color: white;
	padding: 1rem;
	line-height: 1;
}

.fancybox-thumbs {
	top: auto;
	width: auto;
	bottom: 0;
	left: 0;
	right: 0;
	height: 95px;
	padding: 10px 10px 5px 10px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.3);
}

.fancybox-show-thumbs .fancybox-inner {
	right: 0;
	bottom: 95px;
}

.row {
	/* --bs-gutter-x: 0 !important;
	--bs-gutter-y: 0 !important; */
}

.btnContacto .row {
	justify-content: center;
	margin-bottom: 5rem;
}
a.btnCopadoGrande {
	padding: 1.5rem;
	width: 400px;
	border: 2px solid #0d6efd;
	font-size: 1.5rem;
}

.arrow-down img {
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 7px;
	height: auto;
	width: 100px;
	cursor: pointer;
	transition: all 0.5s;
}
.arrow-down img:hover {
	filter: drop-shadow(0 0 30px #000);
}

/* CONTACTO */
.contacto {
	max-width: 600px;
}
.contacto legend {
	color: #0d6efd;
	margin-top: 2rem;
	font-weight: 600;
}

.contacto label {
	margin-top: 2rem;
	font-weight: 700;
}

form > div:last-child {
	margin-top: 2rem;
}

.contacto .btnEnviar {
	margin-top: 4rem;
}

.contacto h1 {
	color: #0d6efd;
}

/* FOOTER */

footer a:link,
footer a:visited,
footer a:active {
	color: seagreen;
	text-decoration: none;
	font-weight: 600;
	font-size: 24px;
	transition: all 0.5s;
}

footer a:hover {
	color: white;
}

footer a img {
	margin-right: 1rem;
}