@font-face {
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-BI';
	src: url("../fonts/Montserrat/Montserrat-BoldItalic.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-EB';
	src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url("../fonts/Montserrat/Montserrat-Light.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Medium';
	src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'CeraPro-Black';
	src: url("../fonts/CeraPro/CeraPro-Black.ttf");
	font-display: swap;
}

@font-face {
	font-family: 'CeraPro-Medium';
	src: url("../fonts/CeraPro/CeraPro-Medium.ttf");
	font-display: swap;
}

.disable {
	pointer-events: none;
	background-color: gray;
}

.mon-med {
	font-family: 'Montserrat-Medium' !important;
}

.mon-r {
	font-family: 'Montserrat-Regular' !important;
}

.mon-b {
	font-family: 'Montserrat' !important;
}

.mon-bi {
	font-family: 'Montserrat-BI' !important;
}

.mon-eb {
	font-family: 'Montserrat-EB' !important;
}

.mon-li {
	font-family: 'Montserrat-Light' !important;
}

.cer-b {
	font-family: 'CeraPro-Black' !important;
}

.cer-m {
	font-family: 'CeraPro-Medium' !important;
}

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

.modal-dialog {
	max-width: 70% !important;
}

.modal {
	z-index: 3000;
}

.pb-100 {
	padding-bottom: 150px;
}

.txt-prp {
	color: #8F65FF;
}

.ccont {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	flex: 1 0 auto;

}

.nomar-x {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

/* Redes */
.social {
	position: fixed;
	right: 0;
	bottom: 45%;
	right: 10px;
	z-index: 2000;
}

.social ul {
	list-style: none;
	padding: 0;
}

.social ul li {
	margin-bottom: 5px;
}

.social ul li a {
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 10px 10px;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border-radius: 50%;
	text-align: center;
}

.social ul li .icon-facebook {
	background: #3D5A96 0% 0% no-repeat padding-box;
}

.social ul li .icon-facebook:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #3D5A96;
}

.social ul li .icon-twitter {
	background: #2AA3EF 0% 0% no-repeat padding-box;
}

.social ul li .icon-twitter:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #2AA3EF
}

.social ul li .icon-youtube {
	background: #F52929 0% 0% no-repeat padding-box;
}

.social ul li .icon-youtube:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #F52929;
}

.social ul li .icon-messenger {
	background: #4188C6 0% 0% no-repeat padding-box;
}

.social ul li .icon-messenger:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #4188C6
}

.social ul li .icon-whatsapp {
	background: #88CB2C 0% 0% no-repeat padding-box;
}

.social ul li .icon-whatsapp:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #88CB2C;
}

.social ul li .icon-instagram {
	background: transparent linear-gradient(180deg, #7024C4 0%, #C21975 42%, #C74C4D 70%, #E09B3D 100%) 0% 0% no-repeat padding-box;
}

.social ul li .icon-instagram:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #C21975;
}

.social ul li .icon-tiktok {
	background: #000000 0% 0% no-repeat padding-box;
}

.social ul li .icon-tiktok:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #000000;
}

.social ul li .icon-tiktok:hover img {
	filter: brightness(0);
}

.social ul li .icon-threads {
	background: #000000 0% 0% no-repeat padding-box;
}

.social ul li .icon-threads:hover {
	background: white 0% 0% no-repeat padding-box;
	color: #000000;
}

.social ul li .icon-threads:hover img {
	filter: brightness(0);
}


/* Header */
.bheader {
	background-color: #0F0E24 !important;
	border-bottom: 10px solid;
	border-image-slice: 1;
	border-width: 3px;
	border-image-source: linear-gradient(to right, #f1d030, #842076);
	position: fixed;
	z-index: 2000;
	width: 105%;
	height: 95px;
}

.head-space {
	height: 95px;
	background-color: #0F0E24 !important;
}

.navbar {
	background-color: #0F0E24 !important;
}

.navbar a {
	color: #c1c8ce !important;
}

.container-topnav {
	background-color: #0F0E24;
}

.top-nav {
	background-color: #0F0E24;
	margin-left: 8.333333%;
}

.top-nav a {
	color: #c1c8ce;
	margin-left: 20px;
}

.offset-my {
	margin-left: 8.333333%;
}

.top-nav a:hover {
	color: white !important;
	font-weight: bold;
	text-decoration: none;
}

.bot-nav a:hover {
	color: #f9c300 !important;
	font-weight: bold;
	background-color: #272733 !important;
}

.dropdown-menu {
	background-color: #0F0E24 !important;
}


.focus-style:focus {
	color: white !important;
	font-weight: bold;
	background-color: #0F0E24 !important;
}

.dropdown-menu a:hover {
	color: white !important;
	font-weight: bold;
	background-color: #0F0E24 !important;
}

.dropdown-divider {
	border-color: #212037 !important;
}

.navbar-toggler-icon {
	color: white !important;
}

.nav-mar-r {
	margin-right: 110px !important;
	margin-top: 10px;
}

.nav-mar-r2 {
	margin-right: 80px !important;
}

.nav-mar-l {
	margin-left: 10% !important;
}

.dropdown-divider {
	margin: 1px;
}

.logo-uvp {
	width: 300px;
	position: fixed;
	z-index: 2001;
	margin: 0.5%;
	margin-left: 8%;
}

.onphonexsf {
	display: none !important;
}

.onphone {
	display: none;
}

.nonphoneManualBolsa2 {
	display: none;
}

.onphonesm {
	display: none;
}

.nonphonef {
	display: flex;
}

.nonphone {
	display: block;
}

.nonphone-tl {
	display: table-cell;
}

.onphone24 {
	display: none;
}

.nonphone24 {
	display: block;
}

.onphoneflex {
	display: none;
}

.onlg {
	display: none;
}

.menbut {
	color: #c1c8ce !important;
}

.of-menu {
	background-color: #0F0E24;
}

/* Footer */
.foot-form {
	background-image: url('../img/bks/02.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
	margin-right: 0px;
	margin-left: 0px;
}

.foot-form h3 {
	padding-top: 5%;
}

#form-contact input,
#form-contactcolab input,
#form-bolsa input,
#form-bolsa select {
	background-color: transparent !important;
	border-color: #BAA1FF;
	color: white;
	height: 40px;
}

#form-contact input::placeholder,
#form-contactcolab input::placeholder,
#form-bolsa input::placeholder,
#form-bolsa select::placeholder {
	color: #BAA1FF !important;
	font-size: .8rem !important;
	/*font-family:'Roboto-Light';*/
}

#form-contact input:active,
#form-contactcolab input:active,
#form-bolsa input:active,
#form-bolsa select:active {
	background-color: transparent !important;
	color: white !important;
}

#form-contact label,
#form-contactcolab label,
#form-bolsa label {
	font-size: .65rem;
	text-align: left !important;
	position: relative;
	left: -40%;
	top: 14px;
	background-color: #593ba7;
}

#form-contact button,
#form-contactcolab button,
#form-bolsa button {
	background-color: #FECB2E;
	height: 40px;
	width: 10%;
	margin-top: 10px;
	color: #43425D;
	font-size: .85rem;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}

.img-form {
	position: absolute;
	bottom: 0px;
	width: 100%;
	margin-left: 10px;
}

.lab-exc {
	left: -34% !important;
}

.foot-map {
	height: 350px;
}

.foot-map iframe {
	height: 100%;
	width: 100%;
}

.foot-light {
	background-color: #F1F3F4;
}

.foot-dark {
	background-color: #16012a;
	color: #F1F3F4;
}

.foot-dark .row {
	height: 100%;
	align-content: center;
}

.foot-dark img {
	width: 80%;
}

.col-foot-text {
	padding: 5%;
}

.form-text {
	text-align: center;
}

.row-links {
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 7%;
	padding-right: 5%;
}

.row-links h3 {
	color: #43425D;
}

.row-links ul {
	list-style: none;
	padding: 0;
}

.row-links i {
	color: #8f65ff;
	font-size: 1.8rem;
}

.ili {
	margin-top: 30px;
	font-size: .9rem;
	color: #636F7B;
}

.oli {
	margin-top: 15px;
	font-size: .9rem;
	color: #636F7B;
}

.oli a {
	color: #636F7B;
}

.oli:hover {
	color: #636F7B;
	cursor: pointer;
}

.logo-foot {
	width: 50%;
	margin-bottom: 25px;
	min-width: 200px;
}

.div-404 {
	padding: 5%;
}

.div-404 a:hover {
	color: white;
	font-weight: bold;
}

.men-ofe-lict,
#men-ofe-lict {
	display: none;
}

.w-icons {
	-webkit-filter: brightness(1000%);
	filter: brightness(1000%);

}

.y-icons {
	filter: sepia(100%) contrast(500%);
	-webkit-filter: sepia(100%) contrast(500%);

}

.icon-light {
	-webkit-filter: brightness(350%);
	filter: brightness(350%);
}

.search-box {
	position: absolute;
	z-index: 300;
	right: 80px;
	top: 5px;
	transition: 0.5s all ease;
	display: none;
}

.txt-search {
	background-color: #0F0E24 !important;
	border-color: white;
	color: white;
	width: 200px;
}

.btn-search {
	background-color: #0F0E24 !important;
	border-color: white;
	color: white;
	border-left: none;
	border-top-left-radius: 0rem !important;
	border-bottom-left-radius: 0rem !important;
	margin: 0px !important;
}

.div-search {
	padding: 5%;
}

.div-searcht {
	padding: 5%;
	padding-bottom: 0px;
}

.div-search h6 {
	color: #593ba7;
	font-size: 1.2rem;
}

.div-search a:hover {
	color: white;
}

.div-downmenu {
	position: fixed;
	bottom: 0px;
	background-color: #272733;
	width: 100%;
	z-index: 3000;
	color: white;
	opacity: 0.98;
}

.div-downmenu img {
	margin-bottom: 12px;
	filter: brightness(1000%);
}

.div-downmenu p {
	font-size: 12px !important;
}

.col-downmenu {
	flex: 0 0 20%;
	max-width: 20%;
	padding: 2%;
	padding-bottom: 0%;
}

.col-downmenu:hover {
	background-color: #ffba00;
	color: #000 !important;
}

.col-downmenu:hover p {
	color: #000 !important;
}

.col-downmenu:hover img {
	filter: brightness(0%);
}

.mt-6 {
	margin-top: 70px;
}

.foot-space {
	height: 75px;
	background-color: #636F7B;
}

.foot-space2 {
	height: 150px;
}

.div-horarios {
	background-color: #000;
	position: fixed;
	z-index: 4000;
	bottom: 0px;
}

.div-horarios .horarioa {
	background-color: #000;
	padding-right: 60px;

	-ms-flex: 0 0 33.333334%;
	flex: 0 0 33.333334%;
	max-width: 33.333334%;

}

.div-horarios .horariob {
	background-color: #d700ff;
	padding-left: 60px;

	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.div-horarios .horariob marquee {
	display: none;
}

.div-horarios .horarioa img {
	width: 100px;
	position: absolute;
	left: 93%;
	top: -53px;
	z-index: 2;
}

.div-horarios .horariob h4 {
	display: none;
}

#dmen-sitios {
	min-width: 230px;
}

.scrollable-menu {
	max-height: 70vh;
	/* Ajusta la altura máxima al 30% del alto de la ventana */
	overflow-y: auto;
}

/* Barra de desplazamiento en navegadores WebKit */
.scrollable-menu::-webkit-scrollbar {
	width: 3px;
	/* Ancho de la scrollbar */
}

.scrollable-menu::-webkit-scrollbar-track {
	background: #0F0E24;
	/* Color del fondo de la scrollbar */
}

.scrollable-menu::-webkit-scrollbar-thumb {
	background: linear-gradient(to right, #f1d030, #842076);
	/* Gradiente del pulgar de la scrollbar */
}

.scrollable-menu::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(to right, #f1d030, #842076);
	/* Gradiente del pulgar al pasar el mouse */
}

/* Media query para pantallas pequeñas (móviles) */
@media (max-width: 767px) {
	.scrollable-menu {
		max-height: 30vh;
		/* Ajusta la altura máxima al 50% del alto de la ventana para móviles */
	}
}

/* Media query para pantallas de tablets */
@media (min-width: 768px) and (max-width: 1024px) {
	.scrollable-menu {
		max-height: 65vh;
		/* Ajusta la altura máxima al 70% del alto de la ventana para tablets */
	}
}

/* Media query para pantallas de escritorio (1280x720, 1440x900, 1600x900, 1920x1080, 2560x1440, 3840x2160) */
@media (min-width: 1280px) {
	.scrollable-menu {
		max-height: 80vh;
		/* Ajusta la altura máxima al 80% del alto de la ventana para pantallas de escritorio */
	}
}

@media all and (min-width: 991px) {

	/* Header */
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .nav-link {
		color: #fff;
	}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}
}

/* Sizes */
@media screen and (max-width: 1920px) {

	/* Header */
	.nav-mar-r {
		margin-right: 9% !important;
	}

	.nav-mar-r2 {
		margin-right: 7% !important;
	}

	.search-box {
		right: 100px;
	}
}

@media screen and (max-width: 1730px) {
	.logo-uvp {
		width: 20%;
		margin-left: 1%;
	}
}

@media screen and (max-width: 1464px) {
	.logo-uvp {
		width: 15%;
	}

	.div-horarios .horarioa {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;

	}

	.div-horarios .horariob {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}

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

	.bheader,
	.head-space {
		height: 95px;
	}

	.top-nav {
		margin-left: 2%;
	}

	.nav-mar-r {
		margin-right: 4% !important;
	}

	.nav-mar-r2 {
		margin-right: 2% !important;
	}

	.search-box {
		right: 40px;
	}

	.txt-search {
		width: 150px;
	}
}

@media screen and (max-width: 1231px) {
	.navbar {
		padding-left: 0px;
		padding-right: 3px;
	}
}

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

	/* Header */
	.bheader,
	.head-space {
		padding-top: 50px;
		height: 141px;
	}

	.nav-mar-r {
		margin-right: 6% !important;
	}

	.nav-mar-r2 {
		margin-right: 3% !important;
	}

	.logo-uvp {
		width: 17%;
		margin: 1%;
	}

	.menuul ul li {
		font-size: 16px !important;
	}

	.nav-link {
		text-align: center;
	}
}

@media screen and (max-width: 1199px) {
	.onlg {
		display: block;
	}

	.nonlg {
		display: none;
	}
}

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

	.bheader,
	.head-space {
		height: 165px;
	}
}

@media screen and (max-width: 1140px) {
	.div-horarios .horariob marquee {
		display: block;
	}

	.div-horarios .horariob b {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.top-nav a {
		margin-left: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.onphone24 {
		display: block;
	}

	.nonphone24 {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.top-nav {
		margin-left: 0px
	}
}

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

	/* Header */
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .nav-link {
		color: #fff;
	}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}

	.bheader,
	.head-space {
		padding-top: 0px;
	}

	.rowonph {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
	}

	.head-space {
		padding-top: 0px;
	}

	.logo-uvp {
		width: 200px;
		margin-left: 5%;
	}

	.onphone {
		display: block;
	}

	.nonphone {
		display: none;
	}

	.nonphoneManualBolsa2 {
		display: block;
	}

	.nonphoneManualBolsa {
		display: none;
	}

	.nonphone-tl {
		display: none;
	}

	.nonphonef {
		display: none;
	}

	.nonphone-esp {
		display: none;
	}

	.nonphone-r {
		display: none;
	}

	.offset-my {
		margin-left: 2%;
	}

	.nav-mar-r2 {
		margin-right: 2% !important;
	}

	.mov-men {
		margin-right: 4%;
	}

	.mov-up {
		margin-top: 20px;
		margin-right: 2% !important;
	}

	/* Footer */
	.foot-form h3 {
		padding-top: 15%;
	}

	.col-foot-icons {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	#form-contact label,
	#form-contactcolab label {
		left: -36%;
	}

	.lab-exc {
		left: -30% !important;
	}

	#form-contact button,
	#form-contactcolab button {
		width: 10%;
		margin-top: 2.3%;
		padding-top: 2px;
		padding-bottom: 2px;
	}

	.foot-form {
		background-color: #593ba7;
		height: auto;
	}

	#form-contact button,
	#form-contactcolab button {
		width: 10%;
		margin-top: 1.4%;
		color: #43425D;
		font-size: .85rem;
		padding-top: 9px !important;
		padding-bottom: 9px !important;
	}

	.form-text {
		text-align: left;
		max-width: 58.333333%;
		margin-left: 22%;
	}

	.form-text h3 {
		font-size: 1rem !important;
	}

	.form-text p {
		margin-top: 15px;
		font-size: .7rem !important;
	}

	#form-contact button,
	#form-contactcolab button {
		margin-left: 0px;
		margin-bottom: 40px;
		padding-bottom: 13px !important;
	}

	.last-links {
		width: 100%;
		margin-top: 20px;
	}

	.last-links ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	.last-links li {
		float: left;
	}

	.last-links li a {
		display: block;
		text-align: center;
		text-decoration: none;
	}

	.logo-foot {
		width: 70%;
		margin-bottom: 50px;
		min-width: auto;
	}

	.row-links h3 {
		font-size: 1.2rem !important;
	}

	.ili {
		font-size: 1rem;
	}

	.oli {
		font-size: 1rem;
	}

	.nav-link {
		text-align: right !important;
		margin-right: 10%;
	}

	.col-tiny-men {
		margin-top: -175px;
	}

	.col-tiny-men ul {
		margin-left: 25px;
	}

	.col-tiny-men li {
		margin-bottom: 12px;
	}

	/* .navbar-nav .dropdown-menu{
		max-width: 200px;
	} */
	#dmen-oferta {
		position: absolute !important;
		margin-left: -160px;
		margin-top: -39px;
		background-color: #272733 !important;
	}

	#dmen-cuotas {
		position: absolute !important;
		margin-left: -160px;
		margin-top: -77px;
		background-color: #272733 !important;
	}

	#dmen-sitios {
		position: absolute !important;
		margin-left: -180px;
		margin-top: -82px;
		background-color: #272733 !important;

	}

	#dmen-sitios-interes {
		position: absolute !important;
		margin-left: -180px;
		margin-top: -182px;
		background-color: #272733 !important;

	}

	#dmen-identidad {
		position: absolute !important;
		margin-left: -160px;
		margin-top: -180px;
		background-color: #272733 !important;
	}

	#dmen-instala {
		position: absolute !important;
		margin-left: -160px;
		margin-top: -299px;
		background-color: #272733 !important;
	}

	#dmen-eventos {
		position: absolute !important;
		margin-left: -160px;
		margin-top: -190px;
		background-color: #272733 !important;
	}

	#dmen-servicios {
		position: absolute !important;
		margin-left: -160px;
		margin-top: -150px;
		background-color: #272733 !important;
	}

	.search-box {
		right: auto;
		top: 482px;
		left: 160px;
	}

	.txt-search {
		width: 150px;
	}

	.col-redesph {
		margin: 10px;
		margin-left: 20px;
	}

	.col-redesph a {
		margin: 10px;
	}

	.bheader,
	.btn-search,
	.txt-search,
	.of-menu,
	.dropdown-menu a:hover,
	.dropdown-menu,
	.top-nav,
	.container-topnav,
	.navbar,
	.head-space {
		background-color: #2b2a3d !important;
		opacity: 0.98;
	}

	.nhr {
		background: linear-gradient(to right, #f1d030, #842076);
		height: 1px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-nsvtm {
		width: 100%;
	}

	.row-nsvtm a {
		color: #c1c8d8;
		margin-right: 20px;
	}

	.row-nsvtm i {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.bheader,
	.head-space {
		height: 80px;
		border-image-source: none;
	}

	.col-6-onp {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.btn-new {
		background-color: #4a26ac !important;
		height: auto;
		color: #E5E8EA !important;
		font-size: .85rem;
		margin-top: 20px;
		padding-top: 5px !important;
		padding-bottom: 5px !important;

	}

	.row-downmenu {
		margin: 0px;
	}

	.onphoneflex {
		display: flex;
	}

	.div-horarios {
		bottom: 89px;
	}
}

@media screen and (max-width: 946px) {
	.top-nav {
		margin-left: 0px;
	}
}

@media screen and (max-width: 928px) {
	.mov-men {
		margin-right: 0%;
	}
}

@media screen and (max-width: 892px) {
	.search-box {
		right: auto;
		left: 70px;
	}
}

@media screen and (max-width: 800px) {
	.div-horarios .horarioa {
		background-color: #d700ff;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;

	}

	.div-horarios .horarioa h4,
	.div-horarios .horariob b,
	.div-horarios .horariob marquee {
		font-size: 18px !important;
	}

	.div-horarios .horariob {
		font-size: 18px !important;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}

	.div-horarios .horarioa img {
		left: 89%;
	}

	.div-horarios {
		bottom: 85px;
		background-color: #d700ff;
	}
}

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

	.onphonexsf {
		display: flex !important;
	}

	.onphonesm {
		display: block;
	}

	.nonphonesm {
		display: none;
	}

	.foot-dark {
		padding: 8%;
	}

	.foot-dark img {
		width: 50px;
		height: auto;
	}

	.col-foot-icons {
		flex: 0 0 20%;
		max-width: 20%;
	}

	#form-contact button,
	#form-contactcolab button {
		margin-left: 0%;
		width: 80%;
	}

	.head-space {
		padding-top: 0px;
	}

	.nonphonexs2 {
		display: none !important;
	}

	.nonphoneManualBolsa2 {
		display: none;
	}

	.nonphoneManualBolsa {
		display: block;
	}

	.last-links {
		width: 100%;
	}
}

@media screen and (max-width: 755px) {
	.mov-men {
		margin-bottom: 15px;
	}

	.search-box {
		right: 220px;
	}
}

@media screen and (max-width: 576px) {
	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xs-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xs-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.modal-dialog {
		max-width: 500px !important;
	}
}

@media screen and (max-width: 574px) {
	.nonphone-esp {
		display: block;
	}

	.nonphonexs {
		display: none !important;
	}

	.head-space {
		padding-top: 0px;
	}

	.search-box {
		right: 120px;
	}

	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.form-text {
		margin-left: 0%;
	}
}

@media screen and (max-width: 515px) {
	.div-horarios .horarioa {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;

	}

	.div-horarios .horariob {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.div-horarios {
		bottom: 80px;
	}
}

@media screen and (max-width: 438px) {
	.div-horarios .horarioa {
		padding-right: 10px;
	}

	.div-horarios .horariob {
		padding-left: 10px;
		display: none;
		background-color: #d700ff;
	}

	.div-horarios .horarioa h4 {
		display: none;
	}

	.div-horarios .horariob h4 {
		display: block;
	}

	.div-horarios .horarioa img {
		position: static;
		width: 80px;
		padding: 5px;
		padding-left: 10px;
		padding-right: 10px;
		background-color: #d700ff;
		border-radius: 100%;
		animation-name: reloj;
		animation-duration: 2s;
		animation-iteration-count: infinite;
		transition: 0.3s all ease;
	}

	.div-horarios .horariob h4,
	.div-horarios .horariob b,
	.div-horarios .horariob marquee {
		font-size: 12px !important;
	}

	.div-horarios {
		bottom: 76px;
	}

	.div-horarios,
	.div-horarios .horarioa {
		background-color: transparent;
	}

	.div-horarios .horarioa:hover img {
		animation-name: none;
	}

	.div-horarios .horarioa:hover~.horariob {
		display: block;
	}

	.div-horarios .horarioa {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;

	}

	.div-horarios .horariob {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.div-horarios .horariob marquee {
		display: none;
	}

	.div-horarios .horariob b {
		display: block;
	}

	@keyframes reloj {

		0%,
		50%,
		80%,
		100% {
			margin-bottom: 0px;
		}

		25% {
			margin-bottom: 20px;
		}

		75% {
			margin-bottom: 15px;
		}

		90% {
			margin-bottom: 10px;
		}
	}
}

@media screen and (max-width: 397px) {
	.search-box {
		top: 505px;
	}
}

@media screen and (max-width: 390px) {
	.logo-uvp {
		width: 160px;
		margin-top: 3%;
	}

}

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

@media screen and (max-width: 332px) {
	#dmen-oferta {
		margin-top: -61px;
	}

	#dmen-cuotas {
		margin-top: -99px;
	}

	#dmen-sitios {
		margin-top: -260px;
	}

	#dmen-identidad {
		margin-top: -289px;
	}

	#dmen-instala {
		margin-top: -323px;
	}

	#dmen-eventos {
		margin-top: -188px;
	}

	#dmen-servicios {
		margin-top: -380px;
	}

}

/* Styles button pdf */
.buttonPDF {
	--width: 100px;
	--height: 35px;
	--tooltip-height: 35px;
	--tooltip-width: 90px;
	--gap-between-tooltip-to-button: 18px;
	--button-color: #007BFF;
	--tooltip-color: #fff;
	width: var(--width);
	height: var(--height);
	background: var(--button-color);
	position: relative;
	text-align: center;
	border-radius: 0.45em;
	font-family: "Arial";
	transition: background 0.3s;
}


.buttonPDF::after,
.buttonPDF::before {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}

.text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.button-wrapper,
.text,
.icon {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	color: #fff;
}

.text {
	top: 0
}

.text,
.icon {
	transition: top 0.5s;
}

.icon {
	color: #fff;
	top: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon svg {
	width: 24px;
	height: 24px;
}

.buttonPDF:hover {
	background: #0056b3;
}

.buttonPDF:hover .text {
	top: -100%;
}

.buttonPDF:hover .icon {
	top: 0;
}

.buttonPDF:hover:before,
.buttonPDF:hover:after {
	opacity: 1;
	visibility: visible;
}

.onphone {
	margin-top: 0.5%;
}

.div-opt {
	margin-top: 75px;
}

@media screen and (max-width: 576px) {
	.div-opt {
		margin-top: 100px;
	}
}

.font-18 {
	font-size: 18px;
}

.font-46 {
	font-size: 46px;
}

/* .prueba-diagnostica .text{
	position: relative;
	font-size: 50px;
  }

  .contenedor-type{
	display: inline-block;
  }

  .text-type{
	letter-spacing: 5px;
	border-right: 5px solid;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	animation: 
		typing 2s steps(31),
		cursor .4s step-end infinite alternate;
}

@keyframes cursor{
	50% {border-color: transparent;}
}
@keyframes typing{
	from {width: 0;}
}

// BOTÓN - INCRIPCIONES ABIERTAS 
.cta {
	border: none;
	background: none;
	cursor: pointer;
	text-decoration: none;
	display: flex;
	justify-content: center;
  }
  
  .cta span {
	padding-bottom: 7px;
	letter-spacing: 4px;
	font-size: 14px;
	padding-right: 15px;
	text-transform: uppercase;
  }
  
  .cta svg {
	transform: translateX(-8px);
	transition: all 0.3s ease;
  }
  
  .cta:hover {
	text-decoration: none;
  }
  
  .cta:hover svg {
	transform: translateX(0);
  }
  
  .cta:active svg {
	transform: scale(0.9);
  }
  
  .hover-underline-animation {
	position: relative;
	color: white;
	padding-bottom: 20px;
  }
  
  .hover-underline-animation:after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
  }
  
  .cta:hover .hover-underline-animation:after {
	transform: scaleX(1);
	transform-origin: bottom left;
  }

  // VÍDEO 
  .card-video {
	width: 90%;
	height: 225px;
	background: none;
	border-radius: 15px;
	padding: 10px;
	color: white;
	display: flex;
	flex-direction: column;
	box-shadow: none;
	transition: all .2s ease-in;
	position: relative;
	z-index: 100;
	margin-top: -20%;
	margin-left: 50%;
  }
  
  .card-video::after {
	content: "Conócenos";
	font-size: 1.4em;
	font-weight: 800;
	position: absolute;
	right: 50%;
	top: 50%;
	transform: translate(50%,-50%);
	cursor: pointer;
  }
  
  .up {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
  }
  
  .up .right {
	display: flex;
	gap: 20px;
  }
  
  .video-container {
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 56.25%;
	z-index: 200;
  }
  
  .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
  
  .down {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
  }
  
  .down__icons {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 20px;
  }
  
  .pause {
	width: 50px;
	height: 50px;
	fill: rgb(241, 239, 239);
  }
  
  .time {
	font-size: .85em;
  }
  
  .svg-icon {
	width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 50%;
	fill: rgb(241, 239, 239);
  }
  
  .card * {
	opacity: 0;
	transition: all .2s ease-in;
  }
  
  .card:hover * {
	opacity: 1;
  }
  
  .card:hover {
	box-shadow: none;
  }
  
  .svg-icon:hover {
	background-color: rgba(3, 5, 5, 0.5);
  }
  
  @keyframes example {
	0% {
	  width: 0px;
	}
	100% {
	  width: 330px;
	}
  }
  
  .card-video:hover .video-container {
	display: block;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
  }
  
  .card-video:hover::after {
	display: none;
  }
  
  

  @media (max-width: 2560px){
	.contenedor-boton{
		margin-top: -15px;
	}
  }

  @media (max-width: 1440px){
	.cta{
		margin-top: -15px;
	}
  }
  @media (max-width: 768px){
	.text-type{
		width: 100%;
		font-size: 22px;
	}
	.contenedor-boton{
		margin-top: 110px;
	}
  }
  @media (max-width: 425px){
	.text-type{
		width: 80%;
		font-size: 20px;
		white-space: pre-wrap;
	}
	.cta{
		font-size: 12px;
		margin-top: -50px;
	}
  }
  @media (max-width: 375px){
	.text-type{
		font-size: 15px;
		white-space: normal;
	}
  }
  @media (max-width: 320px){
	.cta{
		margin-top: -30px;
		font-size: 10px !important;
	}
  } */

.first-v h2.subtitle {
	font-size: 32px;
	font-weight: 400;
	font-family: 'Montserrat';
}

.first-v h1.title {
	font-size: 2rem;
}

.first-v p.text-header-oferta {
	font-weight: normal;
	font-family: 'Montserrat-Medium';
}

.h-130 {
	height: 130px;
}

.btn-indicadores {
	background-color: rgb(145, 39, 157);
	height: 40px;
	color: #ffffff !important;
	font-size: .85rem;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
	max-width: 300px;
}

.list-style-upper-alpha {
	list-style: upper-alpha;
}

.dropdown-menu {
	right: 0 !important;
	left: inherit !important;
}

.btn-uvp-online{
	background-color: #F9C300;
	color: #8901C3 !important;
	display: inline-block;
	text-align: center !important;
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	border-radius: 30px;
	border: none;
	padding: 8px 20px !important;
	max-width: 240px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	width: 100%;
}

.btn-uvp-online.color-morado{
	color: #8901C3 !important;
}

.btn-uvp-online:hover {
    background-color: #8901C3 !important;
    color: #F9C300 !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 8px rgba(0,0,0,0.15);
}