@import url(font-awesome.min.css);
/*@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,900");*/



body.is-menu-visible #form1 {
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	cursor: default;
	opacity: 0.50;
}

body.is-menu-visible #inicio {
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	cursor: default;
	opacity: 0.50;
}

/* Header */



#header .logo {
	display: block;
	border-bottom: 0;
	color: inherit;
	font-weight: 900;
	letter-spacing: 0.35em;
	margin: 0 0 2.5em 0;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
}

	#header .logo > * {
		display: inline-block;
		vertical-align: middle;
	}

	#header .logo .symbol {
		margin-right: 0.65em;
	}

		#header .logo .symbol img {
			display: block;
			width: 2em;
			height: 2em;
		}

#header nav {
	position: fixed;
	right: 2em;
	top: 2em;
	z-index: 10000;
}

	#header nav ul {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}

		#header nav ul li {
			display: block;
			padding: 0;
		}

			#header nav ul li a {
				display: block;
				position: relative;
				height: 3em;
				line-height: 3em;
				padding: 0 1.5em;
				background-color: rgba(255, 255, 255, 0.5);
				border-radius: 4px;
				border: 0;
				font-size: 0.8em;
				font-weight: 900;
				letter-spacing: 0.35em;
				text-transform: uppercase;
			}

				#header nav ul li a[href="#menu"] {
					-webkit-tap-highlight-color: transparent;
					width: 2em;
					text-indent: 4em;
					font-size: 1.5em;
					overflow: hidden;
					padding: 0;
					white-space: nowrap;
				}

					#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
						-moz-transition: opacity 0.2s ease;
						-webkit-transition: opacity 0.2s ease;
						-ms-transition: opacity 0.2s ease;
						transition: opacity 0.2s ease;
						content: '';
						display: block;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: 2em 2em;
					}

					#header nav ul li a[href="#menu"]:before {
						background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: rgba(0, 0, 0, 0.23)  %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
						opacity: 2;
					}

					#header nav ul li a[href="#menu"]:after {
						background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: rgba(0, 0, 0, 0.23)  %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
						opacity: 1;
					}

					#header nav ul li a[href="#menu"]:hover:before {
						opacity: 1;
					}

					#header nav ul li a[href="#menu"]:hover:after {
						opacity: 0;
					}

@media screen and (max-width: 736px) {

	#header {
		padding: 4em 0 0.1em 0;
	}

		#header nav {
			right: 0.5em;
			top: 0.5em;
		}

			#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
				background-size: 1.5em 1.5em;
			}
}


/* Menu */

#wrapper {
	-moz-transition: opacity 0.45s ease;
	-webkit-transition: opacity 0.45s ease;
	-ms-transition: opacity 0.45s ease;
	transition: opacity 0.45s ease;
	opacity: 1;
}

#menu {
	-moz-transform: translateX(22em);
	-webkit-transform: translateX(22em);
	-ms-transform: translateX(22em);
	transform: translateX(22em);
	-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
	-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
	-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
	transition: transform 0.45s ease, visibility 0.45s;
	position: fixed;
	top: 0;
	right: 0;
	width: 22em;
	max-width: 80%;
	height: 100%;
	-webkit-overflow-scrolling: touch;
	background: #fff;
	color: #000;
	cursor: default;
	visibility: hidden;
	z-index: 10002;
}

	#menu > .inner {
		-moz-transition: opacity 0.45s ease;
		-webkit-transition: opacity 0.45s ease;
		-ms-transition: opacity 0.45s ease;
		transition: opacity 0.45s ease;
		-webkit-overflow-scrolling: touch;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/*padding: 2.75em;*/
		opacity: 0;
		overflow-y: auto;
	}

		#menu > .inner > ul {
			list-style: none;
			margin: 0 0 1em 0;
			padding: 0;
		}

			#menu > .inner > ul > li {
				padding: 0;
				border-top: solid 1px #00bce4;
				margin-top: 2%;
			}

				#menu > .inner > ul > li a {
					display: block;
					padding: 1em 0;
					line-height: 0.5;
					border: 0;
					color: inherit;
					margin-left: 5%;
				}

				#menu > .inner > ul > li:first-child {
					border-top: 0;
					margin-top: -1em;
					margin-top: 2%;
				}

	#menu > .close {
		-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
		-webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
		-ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
		transition: opacity 0.45s ease, transform 0.45s ease;
		-moz-transform: scale(0.25) rotate(180deg);
		-webkit-transform: scale(0.25) rotate(180deg);
		-ms-transform: scale(0.25) rotate(180deg);
		transform: scale(0.25) rotate(180deg);
		-webkit-tap-highlight-color: transparent;
		display: block;
		position: absolute;
		top: 2em;
		left: -6em;
		width: 6em;
		text-indent: 6em;
		height: 3em;
		border: 0;
		font-size: 1em;
		opacity: 0;
		overflow: hidden;
		padding: 0;
		white-space: nowrap;
	}

		#menu > .close:before, #menu > .close:after {
			-moz-transition: opacity 0.2s ease;
			-webkit-transition: opacity 0.2s ease;
			-ms-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 2em 2em;
		}

		#menu > .close:before {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
			opacity: 5;
		}

		#menu > .close:after {
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
			opacity: 1;
		}

		#menu > .close:hover:before {
			opacity: 1;
		}

		#menu > .close:hover:after {
			opacity: 0;
		}

@media screen and (max-width: 736px) {

	#menu {
		-moz-transform: translateX(16.5em);
		-webkit-transform: translateX(16.5em);
		-ms-transform: translateX(16.5em);
		transform: translateX(16.5em);
		width: 16.5em;
	}

		#menu > .inner {
			padding: 2.75em 1.5em;
		}

		#menu > .close {
			top: 0.5em;
			left: -4.25em;
			width: 4.25em;
			text-indent: 4.25em;
		}

			#menu > .close:before, #menu > .close:after {
				background-size: 1.5em 1.5em;
			}
}

body.is-menu-visible #wrapper {
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	cursor: default;
	opacity: 0.25;
}

body.is-menu-visible #menu {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	visibility: visible;
}

	body.is-menu-visible #menu > * {
		opacity: 1;
	}

	body.is-menu-visible #menu .close {
		-moz-transform: scale(1.0) rotate(0deg);
		-webkit-transform: scale(1.0) rotate(0deg);
		-ms-transform: scale(1.0) rotate(0deg);
		transform: scale(1.0) rotate(0deg);
		opacity: 1;
	}



.image {
	position: relative;
	display: inline-block;
	border: 0;
	outline: 0;
}

	.image img {
		display: block;
		width: 100%;
	}

	.image.fit {
		display: block;
		width: 100%;
	}

	.image.featured {
		display: block;
		width: 100%;
		margin: 0 0 4em 0;
	}

	.image.left {
		float: left;
		margin: 0 2em 2em 0;
	}

	.image.centered {
		display: block;
		margin: 0 0 2em 0;
	}

		.image.centered img {
			margin: 0 auto;
			width: auto;
		}

/*Eslider*/

#slider-text {
	padding-top: 40px;
	display: block;
}

	#slider-text .col-md-6 {
		overflow: hidden;
	}

	#slider-text h2 {
		font-family: 'Josefin Sans', sans-serif;
		font-weight: 400;
		font-size: 30px;
		letter-spacing: 3px;
		margin: 30px auto;
		padding-left: 40px;
	}

		#slider-text h2::after {
			border-top: 2px solid #c7c7c7;
			content: "";
			position: absolute;
			bottom: 35px;
			width: 100%;
		}

#itemslider h4 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin: 10px auto 3px;
}

#itemslider h5 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 3px auto 2px;
}

#itemslider h6 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	;
	font-size: 10px;
	margin: 2px auto 5px;
}

.badge {
	background: #b20c0c;
	position: absolute;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	line-height: 31px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 300;
	font-size: 14px;
	border: 2px solid #FFF;
	box-shadow: 0 0 0 1px #b20c0c;
	top: 5px;
	right: 25%;
}

#slider-control img {
	padding-top: 60%;
	margin: 0 auto;
}

@media screen and (max-width: 992px) {
	#slider-control img {
		padding-top: 70px;
		margin: 0 auto;
	}
}

.carousel-showmanymoveone .carousel-control {
	width: 4%;
	background-image: none;
}

	.carousel-showmanymoveone .carousel-control.left {
		margin-left: -5%;
	}

	.carousel-showmanymoveone .carousel-control.right {
		margin-right: -5%;
	}

.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
	display: none;
}

@media all and (min-width: 768px) {
	.carousel-showmanymoveone .carousel-inner > .active.left,
	.carousel-showmanymoveone .carousel-inner > .prev {
		left: -50%;
	}

	.carousel-showmanymoveone .carousel-inner > .active.right,
	.carousel-showmanymoveone .carousel-inner > .next {
		left: 50%;
	}

	.carousel-showmanymoveone .carousel-inner > .left,
	.carousel-showmanymoveone .carousel-inner > .prev.right,
	.carousel-showmanymoveone .carousel-inner > .active {
		left: 0;
	}

	.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
		display: block;
	}
}

@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
	.carousel-showmanymoveone .carousel-inner > .item.active.right,
	.carousel-showmanymoveone .carousel-inner > .item.next {
		-webkit-transform: translate3d(50%, 0, 0);
		transform: translate3d(50%, 0, 0);
		left: 0;
	}

	.carousel-showmanymoveone .carousel-inner > .item.active.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
		left: 0;
	}

		.carousel-showmanymoveone .carousel-inner > .item.left,
		.carousel-showmanymoveone .carousel-inner > .item.prev.right,
		.carousel-showmanymoveone .carousel-inner > .item.active {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			left: 0;
		}
}

@media all and (min-width: 992px) {
	.carousel-showmanymoveone .carousel-inner > .active.left,
	.carousel-showmanymoveone .carousel-inner > .prev {
		left: -25%;
	}

	.carousel-showmanymoveone .carousel-inner > .active.right,
	.carousel-showmanymoveone .carousel-inner > .next {
		left: 25%;
	}

	.carousel-showmanymoveone .carousel-inner > .left,
	.carousel-showmanymoveone .carousel-inner > .prev.right,
	.carousel-showmanymoveone .carousel-inner > .active {
		left: 0;
	}

	.carousel-showmanymoveone .carousel-inner .cloneditem-2,
	.carousel-showmanymoveone .carousel-inner .cloneditem-3,
	.carousel-showmanymoveone .carousel-inner .cloneditem-4,
	.carousel-showmanymoveone .carousel-inner .cloneditem-5,
	.carousel-showmanymoveone .carousel-inner .cloneditem-6 {
		display: block;
	}
}

@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
	.carousel-showmanymoveone .carousel-inner > .item.active.right,
	.carousel-showmanymoveone .carousel-inner > .item.next {
		-webkit-transform: translate3d(25%, 0, 0);
		transform: translate3d(25%, 0, 0);
		left: 0;
	}

	.carousel-showmanymoveone .carousel-inner > .item.active.left,
	.carousel-showmanymoveone .carousel-inner > .item.prev {
		-webkit-transform: translate3d(-25%, 0, 0);
		transform: translate3d(-25%, 0, 0);
		left: 0;
	}

		.carousel-showmanymoveone .carousel-inner > .item.left,
		.carousel-showmanymoveone .carousel-inner > .item.prev.right,
		.carousel-showmanymoveone .carousel-inner > .item.active {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
			left: 0;
		}
}

#forma {
	margin-top: 20px;
	margin-bottom: 20px;
}

.legal-text {
	color: #fff;
	background: rgba(0,0,0,0.55);
	font-size: 12px;
	text-align: center;
	max-width: 820px;
	margin: 10px auto 10px auto; /* más separación arriba y abajo */
	padding: 5px 5px; /* más aire interno */
	border-radius: 6px;
	line-height: 1.5; /* 🔥 mejora lectura */
}

.footer {
	margin-top: 40px;
}

@media (max-width: 768px) {

	#forma {
		margin-top: 0;
        padding-top: 60px;
        padding-bottom: 30px;
	}
	#formderecho {
		padding-top: 100px; 
	}
	.legal-text {
		font-size: 11px;
		padding: 12px;
		margin: 15px 10px;
	}

	#pnlde, #pnliz {
		height: auto !important; 
	}

	#formderecho {
		margin-top: 0 !important;
	}
}