/* Misc */
.logo {
	background-image: url("/assets/images/logo_white.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 200px;
	height: 96px;
	display: inline-block;
}
.logo-sm {
	width: 100px;
	height: 48px;
	background-image: url("/assets/images/logow.png");
}
.bgimg {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Header */
.header {
	background: linear-gradient(#ff0000, #cc0000);
	color: #fff;
}
.header a {
	color: #ffce54;
}
.header .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.75);
}
.header .navbar-nav .nav-link.active {
	color: rgb(255, 255, 255);
}
.nav-lang .nav-link {
	padding: 1rem;
}
.nav-lang .nav-link:hover {
	color: #fff;
}
.nav-lang .nav-link.active {
	font-weight: bold;
	color: #fff;
	background: #000;
	border-radius: 0.5rem;
}

/* Swiper */
.swiper {
	width: 100%;
	height: 480px;
}
.swiper-slide {
	height: 480px;
	position: relative;
}
.swiper .swiper-slide .slide-img {
	position: absolute;
	z-index: 1 !important;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 480px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.swiper .swiper-slide .slide-content {
	position: absolute;
	z-index: 2 !important;
	padding: 1rem;
	width: 40%;
}
.swiper .swiper-slide .slide-content-100 {
	width: 100%;
	left: 0px;
}
.swiper .swiper-slide .slide-content-75 {
	width: 75%;
	left: 25%;
}
.swiper .swiper-slide .slide-content-50 {
	width: 50%;
	left: 50%;
}
.swiper .swiper-slide .slide-content-25 {
	width: 25%;
	left: 75%;
}

.swiper .swiper-slide .slide-content-top {
	top: 0px;
}
.swiper .swiper-slide .slide-content-bottom {
	bottom: 0px;
}
/* Footer */
.footer_contact {
	box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(darkgoldenrod, goldenrod);
	color: #ffffff;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
	border: 1px solid darkgoldenrod;
	padding: 2rem;
}
.footer_contact a {
	color: gold;
	font-weight: bold;
	text-decoration: none;
}
.footer_contact .alert {
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}

.footer {
	background-image: url("/assets/images/main_footer.jpg");
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	color: #fff;
	font-weight: bold;
}
.footer .nav-link {
	color: #fff;
}
.capital {
	text-align: justify;
}
.capital::first-letter {
	-webkit-initial-letter: 3;
	initial-letter: 3;
	color: red;
	font-weight: normal;
	margin-right: 0.75em;
}
.dropcap {
	float: left;
	font-size: 76px;
	line-height: 76px;
	margin: 0 15px 5px 0;
}
.location {
	border-top: 1px solid goldenrod;
	border-bottom: 1px solid darkgoldenrod;
	padding: 1rem;
}
.location .nav .nav-link {
	color: red;
}
.location .nav .nav-link .fa {
	color: #333;
	min-width: 32px;
}
/* Alto */
.h-1 {
	height: 8.3vh;
}
.h-2 {
	height: 16.6vh;
}
.h-3 {
	height: 25vh;
}
.h-4 {
	height: 33vh;
}
.h-5 {
	height: 41.6vh;
}
.h-6 {
	height: 50vh;
}
.h-7 {
	height: 58.3vh;
}
.h-8 {
	height: 66.6vh;
}
.h-9 {
	height: 75vh;
}
.h-10 {
	height: 83.3vh;
}
.h-11 {
	height: 91.6vh;
}
.h-12 {
	height: 100vh;
}
/* ancho */
.w-1 {
	width: 8.3vw;
}
.w-2 {
	width: 16.6vw;
}
.w-3 {
	width: 25vw;
}
.w-4 {
	width: 33vw;
}
.w-5 {
	width: 41.6vw;
}
.w-6 {
	width: 50vw;
}
.w-7 {
	width: 58.3vw;
}
.w-8 {
	width: 66.6vw;
}
.w-9 {
	width: 75vw;
}
.w-10 {
	width: 83.3vw;
}
.w-11 {
	width: 91.6vw;
}
.w-12 {
	width: 100vw;
}

.overlay-content {
	min-height: 480px;
	width: 100%;
	text-align: center;
	padding-top: 100px;
	color: white;
	/* overflow: hidden; */
	background: linear-gradient(
		#ff0000,
		#cc0000
	); /* fallback for old browsers */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.overlay-warning {
	background: #ff0000; /* fallback for old browsers */
	background: linear-gradient(rgb(255, 206, 84, 0.8), rgb(246, 187, 66, 0.7)),
		url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #333;
}
.overlay-light {
	background: #fff; /* fallback for old browsers */
	background: linear-gradient(
			rgb(240, 240, 240, 0.8),
			rgb(196, 196, 196, 0.7)
		),
		url("https://ik.imagekit.io/ikmedia/blog/hero-image.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	color: #333;
}
.btn-warning {
	background-color: goldenrod;
	border-color: darkgoldenrod;
}
.bg-danger {
	background: #cc0000 !important;
	color: #fff;
}
.text-danger {
	color: #ff0000;
}
/* Card */
.bg-dark .card {
	border: 1px solid rgba(0, 0, 0, 0.25);
}
.card > div {
	border-color: transparent;
}