@font-face {
	font-family:FF-RaisonnePro-Regular;
	src:url('RaisonnePro-Regular.ttf');
}

/* generales  */

/* p {
	hyphens: none !important;
} */

a,
button {
	cursor: url("../../recursos/graficos/cursor.png"), auto !important;
}

#nextBtn, #lastBtn {
    cursor: url("../../recursos/graficos/cursor-next.png") 20 0, auto !important;
}

#cboxLoadingGraphic {
	background: url("../../recursos/graficos/favicon.png") no-repeat center center;
}

* {
	margin: 0;
	padding: 0;
}

/* body {  resize: none;} */
/*linea 434*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
	padding: 0px 0px;
}

/*linea 464*/
#colorbox {
	border-radius: 0px;
	box-shadow: 0 0 0px 0px;
}

/*linea 450*/
#cboxOverlay {
	background-color: #fff !important;
	opacity: 0.95 !important;
}

/*linea 451*/
#cboxContent {
	overflow: hidden;
}


#cboxClose {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	background: url('../../recursos/graficos/cerrar-verde.svg') no-repeat top center;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background-size: cover;
	margin: 20px;
}

#cboxClose:hover {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	background: url('../../recursos/graficos/cerrar-roll-over.svg') no-repeat top center;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background-size: cover;
	margin: 20px;
}


#cboxTopCenter {
	height: 0px;
}


.turn-page-gutter {
	display: none !important;
}

#view-toggle {
	display: none;
}

#viewer-options-bar {
	display: none !important;
}

/* fin generales  */


@media (max-width: 780px) {
	.viewer-option-btn>svg {
		max-width: 20px;
	}
}

@media (max-width: 780px) {
	#viewer-options-bar {
		/*height: 94px !important;
        top:0 !important;*/
		display: none !important;
	}
}

@media (max-width: 780px) {
	#view-toggle {
		display: none !important;
	}

}

/* RESPONSIVE OCULTAR */
@media (max-width: 780px) {
	#share-wrap {
		width: 100%;
		text-align: center;
		right: 0 !important;
	}

	#nextBtn {
		display: none !important;
	}

	#viewer-options-wrap,
	#page-nav,
	#miniaturas {
		display: none !important;
	}

	.header-content,
	#icon-menu,
	#ctn-bars-search {
		display: none;
	}
}

/* cambios css solo para modo vertical */
/* @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	body {
		background-image: url(https://emagazines.es/avoris/corporativo/corporativa-tablet.jpg) !important;
		background-position: center;
		background-size: cover;
	}
} */

#in5footer {
	display: none;
}

/* lightbox */
.portfolio-filter-tab-1 li a {
	color: #fff !important;
}


/* añade checks en viñetas */
p.incluye-vinetas:before {
	content: "";
	display: block;
	background: url("../imagenes/checks.png") no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -30px;
}

p.incluye-vinetas-14:before {
	content: "";
	display: block;
	background: url("../imagenes/checks.png") no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -30px;
}

p.incluye-vinetas,
p.incluye-vinetas-14 {
	margin-left: 30px !important;
}

/* añade checks en viñetas blanco - maldivas */
p.all-inclusive:before {
	content: "";
	display: block;
	background: url("../imagenes/checks-blanco.gif") no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -30px;
}

p.incluye-vinetas-white:before {
	content: "";
	display: block;
	background: url("../imagenes/checks-blanco.gif") no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -30px;
}

p.all-inclusive,
p.incluye-vinetas-white {
	margin-left: 30px !important;
}


div.caja-zoom {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

button.boton-image-zoom {
	transition: transform 0.3s ease;
	z-index: 0;
}

button.boton-image-zoom:hover {
	transform: scale(1.05);
}

button.boton-image-zoom::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 391px;
	height: 458px;
	background: url('../../recursos/graficos/over-mas-imprescindibles.svg') no-repeat center center;
	background-size: cover;
	z-index: 99999;
}

button.boton-image-zoom:hover::before {
	content: "";
	background: url('') no-repeat center center;
}

button.boton-image-zoom .state.btn-off img:nth-of-type(2) {
  display: none;
}
button.boton-image-zoom .btn-off div.fauxgroup img {
  display: none;
}





.over-oculto {
	opacity: 0;
}

.over-oculto:hover {
	opacity: 1;
}


/* scrollbar */

/* Tamaño del scroll */
::-webkit-scrollbar {
	width: 5px;
}

.circuito-webcontent {
	background-color: #fff!important;
}
/* Estilos barra (thumb) de scroll */

::-webkit-scrollbar-thumb {
	background: #009976;
	/* border: solid 3px #fff; */
	background-clip: content-box;
	border-radius: 6px;
}

.circuito-esquema-grafico::-webkit-scrollbar,
.circuito-esquema-grafico-scroll::-webkit-scrollbar {
 height: 5px;
}

::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #d2ffda;
}

*::-webkit-scrollbar-thumb:active {
	background-color: #009976;

}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: block;
}


/* Place The scroll down button at the bottom */
/* ::-webkit-scrollbar-button:end:increment {
	background-image: url('imagenes/down.svg');
} */

/* Place The scroll up button at the up */
/* ::-webkit-scrollbar-button:start:decrement {
	background-image: url('imagenes/up.svg');
} */

/* nav#page-nav>button {
	display: block;
	position: fixed;
	left: 0;
	top: 50%;
	width: 2rem;
	height: 2rem;
	margin: -34px 1rem 0 1rem;
	text-align: center;
	outline: 0;
	background: url('../../recursos/graficos/nav.svg') no-repeat;
	will-change: transform;
	z-index: 9999;
} */

nav#page-nav > button {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Crect%20width%3D'40'%20height%3D'40'%20fill%3D'%23d2ffda'/%3E%3Cpath%20d%3D'M16%2012l8%208-8%208'%20transform%3D'rotate(180,20,20)'%20fill%3D'none'%20stroke%3D'%23009976'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E") no-repeat center center;
    opacity: 1;
    will-change: transform;
  }

  nav#page-nav > button:hover {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Crect%20width%3D'40'%20height%3D'40'%20fill%3D'%23ffffff'/%3E%3Cpath%20d%3D'M16%2012l8%208-8%208'%20transform%3D'rotate(180,20,20)'%20fill%3D'none'%20stroke%3D'%23009976'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3C/svg%3E") no-repeat 
  }
  
nav#page-nav > #firstBtn,
nav#page-nav > #lastBtn {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Crect%20width%3D'40'%20height%3D'40'%20fill%3D'%23d2ffda'/%3E%3Cpath%20d%3D'M17%2014L23%2020L17%2026'%20transform%3D'rotate(180,20,20)'%20fill%3D'none'%20stroke%3D'%23009976'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cline%20x1%3D'12'%20y1%3D'10'%20x2%3D'12'%20y2%3D'30'%20stroke%3D'%23009976'%20stroke-width%3D'2'%20stroke-linecap%3D'round'/%3E%3C/svg%3E") no-repeat center center;
}

nav#page-nav > #firstBtn:hover,
nav#page-nav > #lastBtn:hover {
    background: url("data:image/svg+xml,%3Csvg%20viewBox%3D'0%200%2040%2040'%20xmlns%3D'http://www.w3.org/2000/svg'%3E%3Crect%20width%3D'40'%20height%3D'40'%20fill%3D'%23ffffff'/%3E%3Cpath%20d%3D'M17%2014L23%2020L17%2026'%20transform%3D'rotate(180,20,20)'%20fill%3D'none'%20stroke%3D'%23009976'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'/%3E%3Cline%20x1%3D'12'%20y1%3D'10'%20x2%3D'12'%20y2%3D'30'%20stroke%3D'%23009976'%20stroke-width%3D'2'%20stroke-linecap%3D'round'/%3E%3C/svg%3E") no-repeat center center;
}
nav#page-nav > #backBtn { left:0; }


/* FIN SCROLL */

p {
	letter-spacing: 0 !important;
}


/* HEADER  */

#viewer-options,
#viewer-pagecount,
#viewer-title {
	display: none !important;
}

body {
	overflow-x: hidden;
	font-family: Sans-Serif;
	margin: 0;
}


.icono-home:hover {
	content: url(https://landings.avoristravel.com/libreria/estilos/travelplan/menu/home-over.svg);
}

.icono-buscar:hover {
	content: url(https://landings.avoristravel.com/libreria/estilos/travelplan/menu/buscar-over.svg);
}

.icono-ampliar:hover {
	content: url(https://landings.avoristravel.com/libreria/estilos/travelplan/menu/ampliar-over.svg);
}



/* ******************* DROPDOWN MENU ********************* */


.dropdown-menu {
	width: 100%;
	z-index: 9999;
	position: relative; /* Se elimina fixed, ya que se sobrescribe */
	background-color: #fff;
	-webkit-user-select: none; /* Si soportas navegadores antiguos, puedes conservarlo */
	user-select: none;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	font-family: FF-RaisonnePro-Regular, "Raisonne Pro", sans-serif;
}

.dropdown-menu-logo {
	flex-grow: 1;
	margin: 5px 0 10px 24px;
	padding: 0 10px;
}

.dropdown-menu > ul {
	display: flex;
	flex-grow: 2;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	height: 52px;
}

.dropdown-menu > ul ul {
	list-style: none; /* Se puede usar list-style: none en lugar de list-style-type: none */
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 100%;
}

.dropdown-menu > ul > li {
	flex-grow: 1;
	height: 52px;
}

.dropdown-menu > ul li li {
	position: relative;
}

.dropdown-menu > ul > li:hover > ul {
	display: block;
	cursor: pointer;
}

.dropdown-menu > ul > li > ul li:hover > ul {
	display: block;
	top: 0;
	left: 100%;
}

.dropdown-menu a {
	display: block;
	padding: 18px 10px;
	box-sizing: border-box;
	text-decoration: none;
	color: #000;
	font-size: 14px;
	text-align: left;
}

.dropdown-menu a.dropdown-menu-logo {
	flex-shrink: 0;
	padding: 0 !important;
}

.dropdown-menu-logo img {
	height: 30px;
	padding-top: 5px;
}

.dropdown-menu > ul ul li a {
	display: block;
	padding: 10px 20px;
	background-color: #dee8e9;
	box-sizing: border-box;
	color: #000;
}

.dropdown-menu > ul ul li:last-child a {
	padding-bottom: 30px;
}

.dropdown-menu > ul ul li a:hover {
	color: #009976;
}

.dropdown-menu label,
.dropdown-menu input {
	display: none;
}

.marcado {
	color: #009976 !important;
	font-weight: 600;
}

.iconos-dropdown-menu {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	list-style: none;
}

.iconos-dropdown-menu .dropdown-menu-iconos {
	margin: 0 10px;
}

.iconos-dropdown-menu a img {
	width: 25px;
	height: auto;
	cursor: pointer;
}

.iconos-dropdown-menu a {
	display: inline-block;
}

.dropdown-menu-movil {
	display: none;
}

.dropdown-menu-items li a::after {
    content:"";
    height: 3px;
    width: 0;
    background-color: #009976;
    display: block;
    transition: all 300ms;
    margin-top: 5px;
}

.dropdown-menu-items li a:hover::after {
    width: 100%;
}

.dropdown-menu-items li a {
    display: inline-block;
}

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

	#container {top: 50px!important;}
	.marcado {color: #000!important;}

	.icono-buscar, .icono-home {width: 50px; padding: 10px 0px 0px 9px !important; margin-left: 0px!important;}
	.icono-buscar img, .icono-home img{
        width: 30px;
        height: 30px;
    }
	.boton-anterior, .boton-siguiente {
		pointer-events: auto;
	  }

	.icono-home:hover, .icono-buscar:hover  {
		content: "";
	}


	.dropdown-menu-logo {
		padding: 0px 45px !important;
	}

	.dropdown-menu-movil {
		width: 100%;
		z-index: 9999;
		position: fixed;
		background-color: #fff;
		-webkit-user-select: none;
		user-select: none;
		box-sizing: border-box;
		box-shadow: 0 0 10px 0 #0000009c;
		position: relative;
		display: flex;
		justify-content: space-evenly;
		font-family: FF-RaisonnePro-Regular, "Raisonne Pro", sans-serif;
		height: 50px;
	}

	.dropdown-menu-movil-logo {
		line-height: 0;
		margin: 0 20px;
		box-sizing: border-box;
		float: left;
		margin: 0;
		padding: 0 80px;
	}

	.dropdown-menu-movil a.dropdown-menu-movil-logo {
		flex-shrink: 0;
		padding: 0px !important;
	}

	.dropdown-menu-movil-logo img {
		height: 40px;
		padding-top: 5px;
	}

	.dropdown-menu-movil>ul {
		list-style-type: none;
		margin: 0;
		float: left;
	}

	.dropdown-menu-movil ul {
		display: none;
	}

	/* Mostrar submenús al hacer clic en un elemento del menú que tiene submenú */
	.dropdown-menu-movil>ul>li:has(ul)>a:focus+ul,
	.dropdown-menu-movil>ul>li:has(ul)>a:active+ul,
	.dropdown-menu-movil>ul>li:has(ul)>a:checked+ul {
		display: block;
	}

	/* Estilo de submenús */
	.dropdown-menu-movil>ul ul {
		display: none;
		position: relative;
		padding-left: 0;
	}

	.dropdown-menu-movil>ul>li {
		float: left;
		display: inline-block;
	}

	.dropdown-menu-movil>ul li li {
		position: relative;
	}

	.dropdown-menu-movil a {
		display: block;
		padding: 18px 45px;
		box-sizing: border-box;
		text-decoration: none;
		color: #d2ffda;
		font-size: 24px;
		text-align: center;
	}

	.dropdown-menu-movil>ul>li:active>ul {
		display: block;
		color: #d2ffda;
	}

	.dropdown-menu-movil label,
	.dropdown-menu-movil input {
		display: none;
	}


	.dropdown-menu-movil a {
		text-align: left;
		margin-left: -30px;
		color: #fff;
	}

	.dropdown-menu-movil a.dropdown-menu-logo {
		text-align: left;
		margin-left: -30px;
		color: #fff;
	}

	.dropdown-menu-movil ul {
		display: none;
	}


	.dropdown-menu-movil>ul>li:has(ul)>a {
		position: relative;
	}

	.dropdown-menu-movil>ul>li:has(ul)>a::after {
		right: auto;
		left: 20px;
	}

	.dropdown-menu-movil label {
		display: block;
		float: right;
		text-align: center;
		width: 20px;
		padding: 12px 25px;
		opacity: 0.8;
	}

	.dropdown-menu-movil label svg {
		width: 30px;
		right: 20px !important;
		left: auto;
		height: 45px;
	}

	.dropdown-menu-movil input:checked~ul {
		display: inline-flex;
		top: 100%;
		position: absolute;
		width: 100%;
		height: calc(100vh - 100%);
		overflow-y: scroll;
		overflow-x: hidden;
		background: #009976;
		padding-top: 50px;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		padding-left: 50px;
	}

	.dropdown-menu-movil input[type="checkbox"]:.dropdown-menu>ul ul li a {
		display: block;
	}

	.dropdown-menu-movil>ul ul li a {
		color: #000;
		font-size: 20px;
		padding-top: 7px;
		padding-bottom: 5px;
	}
	.dropdown-menu-items li:last-child a {
		padding-bottom: 40px;
	}
	
    .iconos-dropdown-menu-movil {
        display: flex;
        justify-content: center;
        align-items: center;
		padding: 0 !important;
    }

    .iconos-dropdown-menu-movil a {
        display: inline-flex;
    }

	.iconos-dropdown-menu-movil img {width: 30px;}

	span.principal:hover,
	a.principal:hover {
	border-bottom: 3px solid #000;
	padding-bottom: 5px;
	color: #000;}

	
	/*  *********** HAMBURGUESA ******************* */
	
	.dropdown-menu-movil span {
		display: block;
		width: 33px;
		height: 2px;
		margin-top: 7px;
		position: relative;
		background: #000;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
			background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
			opacity 0.55s ease;
		top: -3px;
	}

		.dropdown-menu-movil span:first-child {
			transform-origin: 0% 0%;
		}

		#dropdown-menu-movil:checked ~ label .barra-menu-3 {
			opacity: 0;
			transform: rotate(0deg) scale(0.2, 0.2);
		}

		#dropdown-menu-movil:checked ~ label .barra-menu-2 {
			transform: rotate(-45deg) translate(-8px, 4px);
		}

		#dropdown-menu-movil:checked ~ label .barra-menu-1 {
			transform: rotate(45deg) translate(-2px, -1px);
		}


/* Ocultar los submenús inicialmente */
.dropdown-menu-movil .submenu {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Mostrar el submenú al interactuar con el enlace principal */
.dropdown-menu-movil ul li > a:focus + .submenu,
.dropdown-menu-movil ul li > a:active + .submenu {
    display: block;
}

/* Submenú estilo adicional */
.dropdown-menu-movil .submenu li a {
    padding-left: 45px; /* Añade una indentación para diferenciar submenús */
    font-size: 16px;
}

/* Opcional: hover para escritorio (puede omitirse en móvil) */
.dropdown-menu-movil ul li:hover > .submenu {
    display: block;
}

}


/* FONDO ONDAS MOVIMIENTO  */
.wave {
	display: block;
	position: relative;
	height: 40px;
	width: 100%;
	background: rgb(57, 27, 112);
	transform: scale(1, 1);
}

.wave:before {
	content: "";
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 100%;
	height: 300px;
	background-color: white;
	right: -25%;
	top: 20px
}

.wave:after {
	content: "";
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 100%;
	height: 300px;
	background-color: rgb(57, 27, 112);
	left: -25%;
	top: -240px;
	clip-path: ellipse(100% 15% at -15% 100%);
}

div.fondo-naranja img,
div.fondo-amarillo img,
div.fondo-rosa img,
div.fondo-verde img {
	display: none !important;
}

.fondo-naranja,
.fondo-amarillo,
.fondo-verde,
.fondo-rosa {
	position: relative;
	display: flex;
	align-items: end;
	justify-content: end;
	background-color: #009976 !important;
	overflow: hidden;
}

.fondo-naranja:before,
.fondo-naranja:after,
.fondo-amarillo:before,
.fondo-amarillo:after,
.fondo-rosa:before,
.fondo-rosa:after,
.fondo-verde:before,
.fondo-verde:after {
	content: "";
	position: absolute;
	rotate: -101deg;
	right: -61%;
	min-width: 100vw;
	min-height: 100vw;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	overflow: hidden;
}

.fondo-naranja:before {
	bottom: -10vh;
	border-radius: 45%;
	animation-duration: 50s;
	background-color: #000eb6;
	animation-name: rotate1;
	rotate: -49deg;
	right: -700px;
	min-width: 900px;
	min-height: 1000px;
}

.fondo-naranja:after {
	bottom: 66vh;
	border-radius: 47%;
	animation-duration: 20s;
	background-color: #ff8031;
	rotate: -49deg;
	animation-name: rotate;
	right: -300px;
	min-width: 750px;
	min-height: 950px;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.fondo-amarillo:before {
	bottom: -10vh;
	border-radius: 45%;
	animation-duration: 50s;
	background-color: #ffb957;
	animation-name: rotate1;
	rotate: -49deg;
	right: -500px;
	min-width: 1000px;
	min-height: 1000px;
}

.fondo-amarillo:after {
	bottom: 66vh;
	border-radius: 47%;
	animation-duration: 20s;
	background-color: #000eb6;
	rotate: -75deg;
	animation-name: rotate;
	right: -500px;
	min-width: 1050px;
	min-height: 1150px;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.fondo-rosa:before {
	border-radius: 45%;
	animation-duration: 50s;
	background-color: #ff8031;
	animation-name: rotate1;
	rotate: -20deg;
	top: -1500px;
	left: -500px;
	min-width: 1000px;
	min-height: 1600px;
}

.fondo-rosa:after {
	bottom: 66vh;
	border-radius: 47%;
	animation-duration: 20s;
	background-color: #ffb0d1;
	rotate: -49deg;
	animation-name: rotate;
	right: -500px;
	min-width: 1050px;
	min-height: 950px;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.fondo-verde:after {
	bottom: 0px;
	border-radius: 47%;
	animation-duration: 120s;
	background-color: #d1ffda;
	rotate: -10deg;
	animation-name: rotate;
	left: 0;
	top: 300px;
	min-width: 600px;
	min-height: 950px;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

/* fin fondo bubble  */

/* botones iconos */

img.boton-cerrar-blanco,
img.hotel-popup-boton-cerrar-blanco,
div.hotel-popup-boton-cerrar-blanco img,
img.boton-cerrar-x,
img.boton-cerrar-verde,
div.boton-cerrar-blanco img  {
	animation: 1s linear 0s 1 normal none running girar;
	animation-delay: 2s;
}

img.hotel-1-boton-galeria,
img.hotel-1-boton-mapa,
div.hotel-1-boton-mapa img,
div.hotel-2-boton-mapa img,
img.circuito-boton-mapa,
img.hotel-2-boton-galeria,
div.hotel-1-boton-galeria img,
div.hotel-2-boton-galeria img,
img.hotel-2-boton-mapa,
img.boton-play-menta,
img.boton-play,
img.boton-mapa,
img.boton-play-verde,
div.hotel-2-boton-360,
div.hotel-1-boton-360,
img.circuito-boton-play,
img.circuito-boton-play-verde,
div.boton-play img,
div.hotel-1-boton-video img,
div.hotel-2-boton-video img,
div.boton-play-menta img, 
div.hotel-2-boton-all-inclusive img,
div.hotel-1-boton-all-inclusive img,
div.circuito-boton-play-verde,
div.circuito-boton-mapa ,
div.hotel-1-boton-pdf,
div.hotel-2-boton-pdf,
div.hotel-1-2-boton-galeria,
div.hotel-2-2-boton-galeria,
div.hotel-1-2-boton-mapa,
div.hotel-1-2-boton-mapa,
div.hotel-1-2-boton-video,
div.hotel-1-2-boton-video,
  {
	animation: 1s linear 0s 1 normal none running girar;
}

img.boton-cerrar-blanco:hover,
img.hotel-popup-boton-cerrar-blanco:hover,
img.boton-cerrar-blanco-esquina-superior-derecha:hover,
img.boton-cerrar-x:hover,
img.boton-cerrar-verde:hover,
img.seccion-boton-cerrar:hover,
div.boton-cerrar-blanco:hover img,
div.hotel-popup-boton-cerrar-blanco:hover img {
	content: url("../../recursos/graficos/cerrar-verde.svg");
}

img.boton-play-menta-sobre-verde{
	content: url("../../recursos/graficos/play-blanco-verde.svg");
}
img.boton-play-menta:hover,
img.circuito-boton-play:hover {
	content: url("../../recursos/graficos/play-verde-menta.svg");
}

img.boton-play-verde:hover,
img.circuito-boton-play-verde:hover,
div.circuito-boton-play-verde:hover {
	content: url("../../recursos/graficos/play-menta-verde.svg");
}

div.hotel-1-boton-pdf:hover,
div.hotel-2-boton-pdf:hover {
	content: url("../../recursos/graficos/hotel-pdf-hover.svg");
}

div.hotel-2-boton-all-inclusive:hover,
div.hotel-1-boton-all-inclusive:hover {
	content: url("../../recursos/graficos/hotel-all-inclusive-hover.svg");
}
div.hotel-2-boton-360:hover,
div.hotel-1-boton-360:hover,
div.hotel-1-2-boton-360:hover img,
div.hotel-2-2-boton-360:hover img {
	content: url("../../recursos/graficos/hotel-360-hover.svg");
}


img.boton-play:hover,
div.boton-play:hover img  {
	content: url("../../recursos/graficos/play-menta-verde.svg");
}

div.boton-play-menta:hover img {
	content: url("../../recursos/graficos/play-verde-menta.svg");
}
img.boton-cerrar-x:hover:before {
    content: url("../../recursos/graficos/close-menta.svg");
}
img.boton-cerrar-verde:hover {
    content: url("../../recursos/graficos/cerrar-roll-over.svg");
}
img.boton-mas-verde:hover {
    content: url("../../recursos/graficos/mas-roll-over.svg");
}

img.boton-mas-menta:hover {
    content: url("../../recursos/graficos/mas.svg");
}

div.hotel-1-boton-mapa-menta:hover img,
div.hotel-2-boton-mapa-menta:hover img {
    content: url("../../recursos/graficos/hotel-site.svg");
}

div.hotel-1-boton-galeria-menta:hover img,
div.hotel-2-boton-galeria-menta:hover img {
    content: url("../../recursos/graficos/hotel-fotos.svg");
}

div.hotel-1-boton-video-menta:hover img,
div.hotel-2-boton-video-menta:hover img {
    content: url("../../recursos/graficos/hotel-play.svg");
}

div.hotel-1-boton-mapa-selection:hover img,
div.hotel-2-boton-mapa-selection:hover img{
	content: url("../../recursos/graficos/hotel-site-selection-hover.svg");
}

div.hotel-1-boton-galeria-selection:hover img,
div.hotel-2-boton-galeria-selection:hover img{
	content: url("../../recursos/graficos/hotel-fotos-selection-hover.svg");
}

div.hotel-1-boton-video-selection:hover img,
div.hotel-2-boton-video-selection:hover img{
	content: url("../../recursos/graficos/hotel-play-selection-hover.svg");
}


/* fin botones iconos */


div .banda-vertical-100-derecha {
	animation: .8s linear 0s 1 normal none running derecha-100
}
.boton-20-bold-verde {margin-left: 15px;}

button div div p.boton-20-bold-verde::before,
.boton-20-bold-verde a::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/mas.svg") no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	background-size: cover;
	position: relative;
	left: -15px;
	top: -5px;
	transition: 0.3s ease;
}
button div div p.boton-20-bold-verde:hover::before,
.boton-20-bold-verde a:hover::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/mas-roll-over.svg") no-repeat;
	width: 30px;
	height: 30px;
	float: left;
	background-size: cover;
	position: relative;
	left: -15px;
	top: -5px;
	transition: 0.3s ease;
}

.boton-sumario:hover {color: #009976;}

.desde-precio::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/info-hotel.svg") no-repeat;
	width: 11px;
	height: 11px;
	float: right;
	background-size: cover;
	position: relative;
	left: -50px;
	transition: 0.3s ease;
}

.desde-precio-pt::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/info-hotel.svg") no-repeat;
	width: 11px;
	height: 11px;
	float: right;
	background-size: cover;
	position: relative;
	left: -60px;
	transition: 0.3s ease;
}

.boton-verde-claro {
	border-top: none !important;
	background: #D1FFD8;
	padding: 10px 5px !important;
	border-radius: 30px;
	transition: 0.3s ease;
}

.boton-verde-claro:hover {
	background: #009976;
	color: #D1FFD8;
	border-radius: 2em;
	border: none;
	outline: 2px solid #009976;
	outline-offset: -1px;
}

.boton-verde {
	border-top: none !important;
	background: #009976;
	padding: 10px 0px 10px 0px !important;
	border-radius: 30px;
	transition: 0.3s ease;
	/* left: -5px; */
}

.boton-verde:hover {
	background: #D1FFD8;
	color: #009976;
	border-radius: 2em;
	border: none;
}

.boton-menta {
	border-top: none !important;
	background: #d1ffda;
	padding: 10px 0px !important;
	border-radius: 30px;
	transition: 0.3s ease;
}

.boton-menta:hover {
	color: #d1ffda;
	background: #009976;
	border-radius: 2em;
	border: none;
}

button.volver {
	position: fixed;
	background: #fff;
	border: 1px solid #009976;
	border-radius: 30px;
	transition: 0.3s ease;
	padding: 2px 7px;
	border-radius: 30px;
	font-size: 9px;
	font-family: FF-RaisonnePro-Regular, "Raisonne Pro", sans-serif;
	color: #009976;
}

button.volver:hover {
	position: fixed;
	background: #009976;
	border: 1px solid #009976;
	border-radius: 30px;
	transition: 0.3s ease;
	padding: 2px 7px;
	border-radius: 30px;
	color: #d2ffda;
}

button#volverAtras:hover {
	background-color: #0056a7;
}

.boton-blanco {
	border-top: none !important;
	background: #fff;
	padding: 10px 0px 10px 10px !important;
	border-radius: 30px;
	transition: 0.3s ease;
	/* left: -5px; */
}

.boton-blanco:hover {
	color: #009976;
	background: #d1ffda;
	border-radius: 2em;
	border: none;
	/* cursor: url("../estilos/graficos/cursor.png"), auto; */

	/* animation: boton-over 1s ease; */
}

.boton-acordeon-off::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha_verde-claro.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
}

.boton-acordeon-on::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha_verde-claro.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
	transform: rotate(90deg);
}

.boton-acordeon-verde-off::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
}

.boton-acordeon-verde-on::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
	transform: rotate(90deg);
}

.boton-acordeon-menta-off::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha_menta.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
}

.boton-acordeon-menta-on::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha_menta.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
	transform: rotate(90deg);
}

p.boton-experiencias,
p.boton-circuitos-ciudades {
	margin-left: 20px;
}

.boton-circuitos-ciudades:hover {
	color: #000
}

.boton-circuitos-ciudades::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha.svg") no-repeat;
	width: 7px;
	height: 12px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
}

.boton-experiencias::before {
	content: "";
	display: block;
	background: url("../../recursos/graficos/flecha.svg") no-repeat;
	width: 9px;
	height: 15px;
	float: left;
	margin: 0 -16px 0 0;
	background-size: cover;
	position: relative;
	left: -18px;
}

p.boton-experiencias {
	height: 30px;
}

p.boton-experiencias:hover {
	text-decoration: underline #009976 1.5px;
	text-underline-offset: 0.5em;
}

button.boton-sumario:hover .regular-20-negro,
button.boton-sumario:hover .regular-20-negro-derecha,
div.boton-sumario p:hover {
	color: #009976 !important;
}

.hoteles-cabecera {
	border-top: none !important;
	background: #cea939;
	padding: 5px !important;
	border-radius: 30px;
}

.boton-azul{
	border-top: none !important;
	background: #000eb6;
	padding: 10px 0px !important;
	border-radius: 30px;
	transition: 0.3s ease;
}

.boton-azul:hover {
	background: #009976;
	color: #ffffff;
	border-radius: 2em;
	border: none;
}



/* fin botones  */


/* hoteles */
img.hotel-1-foto-2 {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 194px;
}

img.hotel-1-foto-3 {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 194px;
	animation-delay: 0.5s;
}

img.hotel-1-foto-2-selection {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 173px;
}

img.hotel-1-foto-3-selection {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 173px;
	animation-delay: 0.5s;
}

img.hotel-2-foto-2, div.hotel-2-foto-2 {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 194px;
	animation-delay: 1s;
}

img.hotel-2-1-foto-1, div.hotel-2-1-foto-1,img.hotel-2-2-foto-1, div.hotel-2-2-foto-1    {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 170px;
	animation-delay: 0.5s;
}

img.hotel-2-1-foto-2, div.hotel-2-1-foto-2,img.hotel-2-2-foto-2, div.hotel-2-2-foto-2    {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 170px;
	animation-delay: 1s;
}

img.hotel-1-1-foto-1, div.hotel-1-1-foto-1,img.hotel-1-2-foto-1, div.hotel-1-2-foto-1    {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 170px;
	animation-delay: 0.5s;
}

img.hotel-1-1-foto-2, div.hotel-1-1-foto-2,img.hotel-1-2-foto-2, div.hotel-1-2-foto-2    {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 170px;
	animation-delay: 1s;
}

img.hotel-2-foto-3 {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 194px;
	animation-delay: 1.5s;
}

img.hotel-2-foto-3-selection {
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 173px;
	animation-delay: 1.5s;
}

img.hotel-2-foto-2-selection{
	animation: 1s linear 0.2s 1 normal none running hotel-mover-derecha;
	max-height: 173px;
	animation-delay: 1s;
}

img.hotel-1-boton-galeria:hover,
img.hotel-2-boton-galeria:hover,
div.hotel-1-boton-galeria:hover img,
div.hotel-2-boton-galeria:hover img,
div.hotel-1-2-boton-galeria:hover img,
div.hotel-2-2-boton-galeria:hover img {
	content: url("../../recursos/graficos/hotel-fotos-hover.svg");
}

img.hotel-1-boton-mapa:hover,
img.hotel-2-boton-mapa:hover,
img.circuito-boton-mapa:hover,
div.circuito-boton-mapa:hover,
div.hotel-1-boton-mapa:hover img,
div.hotel-2-boton-mapa:hover img,
div.hotel-1-2-boton-mapa:hover img,
div.hotel-2-2-boton-mapa:hover img  {
	content: url("../../recursos/graficos/hotel-site-hover.svg");
}

div.boton-mapa-bienvenido:hover {
	content: url("../../recursos/graficos/hotel-site-hover.svg");
	/* border: 1px solid red; */
}

div.hotel-1-boton-video:hover img,
div.hotel-2-boton-video:hover img,
div.hotel-1-2-boton-video:hover img,
div.hotel-2-2-boton-video:hover img  {
	content: url("../../recursos/graficos/play-menta-verde.svg");
}
/* pie de foto */
.hotel-1-pie-de-foto p, 
.hotel-2-pie-de-foto p,
.hotel-1-1-pie-de-foto p, 
.hotel-1-2-pie-de-foto p,
.hotel-2-1-pie-de-foto p, 
.hotel-2-2-pie-de-foto p{
	visibility:hidden;
	margin-left: 20px;
}
div.hotel-1-pie-de-foto, 
div.hotel-2-pie-de-foto,
div.hotel-1-1-pie-de-foto, 
div.hotel-1-2-pie-de-foto,
div.hotel-2-1-pie-de-foto, 
div.hotel-2-2-pie-de-foto {
	visibility: hidden;
	animation: 1s linear 0s 1 normal none running mostrar;
    animation-delay: 3s;
}


div.hotel-1-pie-de-foto::before,
div.hotel-2-pie-de-foto::before,
div.hotel-1-1-pie-de-foto::before, 
div.hotel-1-2-pie-de-foto::before,
div.hotel-2-1-pie-de-foto::before, 
div.hotel-2-2-pie-de-foto::before {
    content: "";
    display: block;
    background: url("../../recursos/graficos/hotel-info.svg") no-repeat;
    width: 12px;
    height: 12px;
    background-size: cover;
    position: relative;
    float: left;
    /* z-index: 2; */
    animation: 1s linear 0s 1 normal none running pulsar;
    animation-delay: 3s;
}

div.hotel-1-pie-de-foto:hover.hotel-1-pie-de-foto p,
div.hotel-2-pie-de-foto:hover.hotel-2-pie-de-foto p,
div.hotel-1-1-pie-de-foto:hover.hotel-1-1-pie-de-foto p,
div.hotel-2-1-pie-de-foto:hover.hotel-2-1-pie-de-foto p,
div.hotel-1-2-pie-de-foto:hover.hotel-1-2-pie-de-foto p,
div.hotel-2-2-pie-de-foto:hover.hotel-2-2-pie-de-foto p
{
	visibility: visible;
}

/* fin pie de foto */

/* fin hoteles */

/* animaciones generales  */
/* .mover-derecha {
	animation: 0.8s linear 0.2s 1 normal none running mover-derecha;
}

.mover-derecha-350 {
	animation: 0.5s linear 0.2s 1 normal none running fadeIn;
}

.mover-derecha-520 {
	animation: 0.5s linear 0.2s 1 normal none running fadeIn;
}

.mover-derecha-769,
.pageItem .vid-scaled,
.circuito-esquema-grafico {
	animation: 0.5s linear 0.2s 1 normal none running fadeIn;
}

.mover-derecha-799 {
	animation: 0.5s linear 0.2s 1 normal none running fadeIn;
} */

/* .mover-izquierda {
	animation: 0.8s linear 0.2s 1 normal none running mover-izquierda;
} */

button.boton-sumario {
	animation: fadeIn 2s ease-in;
}

@media screen and (max-width: 745px) {
	img.hotel-1-foto-2-selection {
		max-height: 162px;
	}
	img.hotel-1-foto-3-selection {
		max-height: 162px;
	}
	img.hotel-2-foto-2-selection{
		max-height: 162px;
	}
	img.hotel-2-foto-3-selection {
		max-height: 162px;
	}
	.boton-azul {min-width: 100px;}
}

/* animaciones  */
@keyframes girar {
	0% {
		transform: translate(0px, 0px) rotate(0deg);
		opacity: 0;
	}

	100% {
		transform: translate(0px, 0px) rotate(360deg);
		opacity: 1;
	}
}

@-webkit-keyframes girar {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(360deg);
		opacity: 1;
	}
}

@keyframes pulsar {
	0% {
		transform: translate(0px, 0px) scaleX(1) scaleY(1);
		opacity: 0;
	}

	21% {
		transform: translate(0px, 0px) scaleX(1.32) scaleY(1.32);
		opacity: 1;
	}

	42% {
		transform: translate(0px, 0px) scaleX(1) scaleY(1);
		opacity: 1;
	}

	63% {
		transform: translate(0px, 0px) scaleX(1.4) scaleY(1.4);
		opacity: 1;
	}

	83% {
		transform: translate(0px, 0px) scaleX(1.4) scaleY(1.4);
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes pulsar {
	0% {
		-webkit-transform: translate(0px, 0px) scaleX(1) scaleY(1);
		opacity: 0;
	}

	21% {
		-webkit-transform: translate(0px, 0px) scaleX(1.32) scaleY(1.32);
		opacity: 1;
	}

	42% {
		-webkit-transform: translate(0px, 0px) scaleX(1) scaleY(1);
	}

	63% {
		-webkit-transform: translate(0px, 0px) scaleX(1.4) scaleY(1.4);
	}

	83% {
		-webkit-transform: translate(0px, 0px) scaleX(1) scaleY(1);
	}
}

@keyframes mostrar {
	to {
		visibility: visible;
	}
}


@keyframes hotel-mover-derecha {
	0% {
		transform: translate(100px, 0px);
		opacity: 0;
	}

	100% {
		transform: translate(0px, 0px);
		opacity: 1;
	}
}

@-webkit-keyframes hotel-mover-derecha {
	0% {
		-webkit-transform: translate(100px, 0px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0px, 0px);
		opacity: 1;
	}
} 


@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		visibility: visible;
	}

	100% {
		opacity: 0;
		visibility: hidden!important;
	}
}

@keyframes share-fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes share-fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes boton-over {
	from {
		background-color: #D1FFD8;
	}

	to {
		background-color: #fff;
	}
}

@keyframes rotate {
	0% {
		transform: translate(-20%, 0) rotateZ(0deg);
	}

	50% {
		transform: translate(-20%, -2%) rotateZ(180deg);
	}

	100% {
		transform: translate(-20%, 0%) rotateZ(360deg);
	}
}

@keyframes rotate1 {
	0% {
		transform: translate(-50%, 0) rotateZ(0deg);
	}

	50% {
		transform: translate(-50%, 0%) rotateZ(180deg);
	}

	100% {
		transform: translate(-50%, 0%) rotateZ(360deg);
	}
}

.desaparecer { animation: desaparecer 2s ease-in-out forwards;	animation-delay: 3s;	opacity: 1;;}

@keyframes desaparecer {
	0% {opacity:1;}
	100% {opacity:0;display: none;}
}
@-webkit-keyframes desaparecer {
	0% {opacity:1;}
	100% {opacity:0;display: none;}
}

@keyframes rotar90daladerecha {
	0% {transform:translate(0px,0px) rotate(0deg);}
	100% {transform:translate(0px,0px) rotate(90deg);}
}
@-webkit-keyframes rotar90daladerecha {
	0% {-webkit-transform:translate(0px,0px) rotate(0deg);}
	100% {-webkit-transform:translate(0px,0px) rotate(90deg);}
}

/* animacion zoom */

img.imagen-zoom,
div.imagen-zoom img {
	animation: zoom-in-zoom-out 15s ease-out infinite;
}

div.fondo-aumentar-imagen,
div.fondo-marco-aumentar-imagen {
	animation: 1s linear 0s 1 normal none running aumentar-foto;
}

img.fondo-zoom {
	animation: zoom-background 15s ease-out infinite;
}

@keyframes aumentar-foto {
	0% {transform:translate(0px,0px) scaleX(1.2) scaleY(1.2);}
	100% {transform:translate(0px,0px) scaleX(1) scaleY(1);}
}
@-webkit-keyframes aumentar-foto {
	0% {-webkit-transform:translate(0px,0px) scaleX(1.2) scaleY(1.2);}
	100% {-webkit-transform:translate(0px,0px) scaleX(1) scaleY(1);}
}


@keyframes zoom-seccion {

	0% {
		transform: scale(1.05, 1.05);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes zoom-in-zoom-out {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.05, 1.05);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes zoom-background {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(1.5, 1.5);
	}

	100% {
		transform: scale(1, 1);
	}
}

div.cerrar {
	animation: rotar 3s;
}

@keyframes rotar {
	50% {
		transform: rotate(180deg);
	}
}

.animacion-circulo {
	animation: zoom-out 1s ease-out;


}

@keyframes zoom-out {
	0% {
		transform: scale3d(0, 0, 0) translate3d(0px, 0px, 0);

	}

	100% {
		transform: scale3d(.5, .5, .5) translate3d(0px, 0px, 50);

		/* transform: scale(0.5); */

	}
}

.aumentar {
	animation: aumentar 1s ease-out;
	/* border-radius: 100%; */
}

@keyframes aumentar {
	0% {
		transform: translate(0px, 0px) scaleX(0) scaleY(0);
		opacity: 0;
	}

	100% {
		transform: translate(0px, 0px) scaleX(1) scaleY(1);
		opacity: 1;
	}
}

@-webkit-keyframes aumentar {
	0% {
		-webkit-transform: translate(0px, 0px) scaleX(0) scaleY(0);
		opacity: 0;
	}

	100% {
		-webkit-transform: translate(0px, 0px) scaleX(1) scaleY(1);
		opacity: 1;
	}
}


@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


/* fin animaciones  */

.esquema-numeros {
	top: 2px;
}

.caja {
	position: absolute;
	width: 50%;
	height: 96%;
	background-color: white;
	float: left;
	margin: 1%;
}


/* modificaciones fuente  */
p.cubierta {
	bottom: -15px;
}

p.bold-13-negro-puntos::before,
p.regular-13-negro-puntos::before,
p.book-13-negro-puntos::before {
	content: "· ";
}

p.regular-13-negro-puntos::before span.precio-incluye {
	content: none !important;
}

p.bold-13-negro-puntos,
p.regular-13-negro-puntos,
p.book-13-negro-puntos {
	margin-left: 8px;
	text-indent: -8px;
}

.scroll-vertical-menta,
.scroll-vertical,
.scroll-vertical-bgverde,
.circuito-itinerario-caja {
	overflow-y: scroll;
	/* Agrega una barra de desplazamiento vertical */
}


.scroll-vertical-mover-derecha {
	overflow-y: scroll;
	animation: 0.8s linear 0.2s 1 normal none running fadeIn;
}

.scroll-horizontal, .scroll-horizontal-esquema {
	overflow-x: scroll;
}


/* imprescindibles scroll */
.scroll-horizontal.fauxgroup.hidden {
	display: block !important;
}

.scroll-vertical-mover-derecha::-webkit-scrollbar-button:start:increment,
.scroll-vertical-mover-derecha::-webkit-scrollbar-button:end:decrement,
.scroll-vertical::-webkit-scrollbar-button:start:increment,
.scroll-vertical::-webkit-scrollbar-button:end:decrement,
.scroll-vertical-bgverde::-webkit-scrollbar-button:start:increment,
.scroll-vertical-bgverde::-webkit-scrollbar-button:end:decrement {
	display: none;
}

.scroll-vertical::-webkit-scrollbar-thumb {
	background: #009976;
	border: solid 3px #fff;
	background-clip: content-box;
	border-radius: 6px;
}
.scroll-vertical-menta::-webkit-scrollbar-thumb {
	background: #009976;
	border: solid 3px #009976;
	background-clip: content-box;
	border-radius: 6px;
}
.scroll-vertical-menta::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #d2ffda;
}

.scroll-vertical-mover-derecha::-webkit-scrollbar-thumb {
	background: #009976;
	background-clip: content-box;
	border-radius: 6px;
	border: 3px solid #fff;
}

.scroll-vertical-mover-derecha::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #fff;
}

.scroll-vertical::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #fff;
}

.scroll-vertical-bgverde::-webkit-scrollbar-thumb {
	background: #fff;
	border: solid 3px transparent;
	background-clip: content-box;
	border-radius: 6px;
}

.scroll-vertical-bgverde::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #009976;
}

.circuito-itinerario-caja::-webkit-scrollbar-thumb {
	background: #009976;
	border: solid 3px #009976;
	background-clip: content-box;
	border-radius: 6px;
} 
.circuito-itinerario-caja::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #d2ffda;
}

.acordeon-target::-webkit-scrollbar-thumb {
	background: #d2ffda;
	border: solid 3px #d2ffda;
	background-clip: content-box;
	border-radius: 6px;
} 
.acordeon-target::-webkit-scrollbar-track-piece {
	border-radius: 2px;
	background-color: #fff;
	background-clip: content-box;
	border-radius: 6px;
	border: solid 3px #fff;
}
/* responsive  */
/* html.ios body[class*='scaled-'] #container {
	top: 80px!important;
} */


/* ----- ESTILOS MOVIL ------ */


@media (max-width: 745px) {
	body {
		max-width: 745px;
	}

	.hotel-2-nombre,
	.hotel-2-ubicacion,
	.hotel-2-foto-1,
	.hotel-2-foto-2,
	.hotel-2-foto-3,
	.hotel-2-foto-2-selection,
	.hotel-2-foto-3-selection,
	.hotel-2-pastilla-azul,
	.hotel-2-texto,
	.hotel-2-ubicacion,
	.hotel-2-botones,
	.hotel-2-pie-de-foto,
	.hotel-2-logo,
	.hotel-2-desde,
	.hotel-2-precio,
	.hotel-2-1-nombre,
	.hotel-2-1-ubicacion,
	.hotel-2-1-foto-1,
	.hotel-2-1-foto-2,
	.hotel-2-1-foto-3,
	.hotel-2-1-ubicacion,
	.hotel-2-1-botones,
	.hotel-2-1-pie-de-foto,
	.hotel-2-1-logo,
	.hotel-2-1-desde,
	.hotel-2-1-precio,
	.hotel-2-2-nombre,
	.hotel-2-2-ubicacion,
	.hotel-2-2-foto-1,
	.hotel-2-2-foto-2,
	.hotel-2-2-foto-3,
	.hotel-2-2-ubicacion,
	.hotel-2-2-botones,
	.hotel-2-2-pie-de-foto,
	.hotel-2-2-logo,
	.hotel-2-2-desde,
	.hotel-2-2-precio,
	.boton-anterior,
	.hotel-2-marca {
		display: none;
	}

	.fondo-amarillo:before {
		bottom: -30vh;
		border-radius: 45%;
		animation-duration: 50s;
		background-color: #ffb957;
		animation-name: rotate1;
		rotate: -49deg;
		right: -1200px;
		min-width: 1000px;
		min-height: 1000px;
	}
	
	.fondo-amarillo:after {
		bottom: 66vh;
		border-radius: 47%;
		animation-duration: 20s;
		background-color: #000eb6;
		rotate: -75deg;
		animation-name: rotate;
		right: -1000px;
		min-width: 1050px;
		min-height: 1150px;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}

	img.hotel-1-foto-2, img.hotel-1-foto-3, img.hotel-2-foto-2, img.hotel-2-foto-3 {
		max-height: 161px;
	}

	img.hotel-1-1-foto-1, img.hotel-1-1-foto-2, img.hotel-1-1-foto-3, img.hotel-2-1-foto-2, img.hotel-2-1-foto-3, img.hotel-2-1-foto-1,
	img.hotel-1-2-foto-1, img.hotel-1-2-foto-2, img.hotel-1-2-foto-3, img.hotel-2-2-foto-2, img.hotel-2-2-foto-3, img.hotel-2-2-foto-1  {
		max-height: 161px;
	}
	.boton-verde {min-width: 100px;}

	/* .imagen-superior {	animation: fadeOut .5s ease-in!important;} */
	
	.boton-cerrar-blanco  {
		content: url("../../recursos/graficos/cerrar-verde.svg");
		animation: 1s linear 0s 1 normal none running girar;
		animation-delay: 2s;
		}

}


/* FIN RESPONSIVE  */

/* 
.hotel-popup-webcontent iframe, .circuito-webcontent iframe {display: none;} */

/* mapa google parche */
.iframe-mapa::before {
	content: "";
	position: absolute;
	top: -2px;
	left: -1.5%; /* Ajuste para centrar el 103% */
	width: 103%;
	height: 70px;
	background-color: white;
	z-index: 10; /* Asegúrate de que esté encima del iframe */
  } 


/* google maps */
.i4ewOd-pzNkMb-haAclf {background: #009976!important;}

p.esquema-numeros {top: 5px;}


/*ajustes del banner de cookies en movil*/
@media (max-width: 768px) {
    #cookie-settings {
        transform:translate(-50%, -45%)!important;
    }

    #reject-all {
        margin-bottom: 10px!important;
    }

    #text-consentimiento {
        font-size: 16px!important;
        line-height: 18px!important;
    }

    #titulo-consentimiento {
        font-size: 18px!important;
        line-height: 20px!important;
    }
    
    #boton-activas {
        text-align: right;
    }

    #accept-cookies, #configure-cookies {
        margin-top: 10px;
    }

    #accept-cookies {
        margin-left: 0px!important;
    }
  }

  p.hotel-tipo-habitacion {
	margin-top: -8px;
   }
   

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


.circuito-itinerario-texto.scroll::after {
	content: "";
	position: fixed;
	right: 90px;
	bottom: 100px;
	width: 15px;
	height: 39px;
	background-image: url('../../recursos/graficos/flecha-scroll.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000;
	animation: scroll-v 2s infinite; /* Ajusta la duración según lo deseado */
}

.circuito-incluye.scroll::after {
	content: "";
	position: fixed;
	right: 90px;
	bottom: 100px;
	width: 15px;
	height: 39px;
	background-image: url('../../recursos/graficos/flecha-scroll.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000;
	animation: scroll-v 2s infinite; /* Ajusta la duración según lo deseado */
}

.circuito-webcontent::after {
	content: "";
	position: fixed;
	right: 90px;
	bottom: 100px;
	width: 15px;
	height: 39px;
	background-image: url('../../recursos/graficos/flecha-scroll.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000;
	animation: scroll-v 2s infinite; /* Ajusta la duración según lo deseado */
}


.scroll-horizontal::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 15px;
	height: 39px;
	background-image: url('../../recursos/graficos/flecha-scroll.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	z-index: 1000;
	animation: scroll-h 2s infinite; /* Cambia a la nueva animación */
	transform: rotate(-90deg); /* Mantiene el giro de la flecha */
}

@keyframes scroll-v {
		0% {
			transform: translateY(0);
			opacity: 1;
		}
		100% {
			transform: translateY(20px); /* Ajusta la distancia según lo necesario */
			opacity: 0;
		}
	}

	@keyframes scroll-h {
		0% {
			transform: translateX(-20px) rotate(-90deg); /* Mover hacia la izquierda y girar 90 grados */
			opacity: 1;
		}
		100% {
			transform: translateX(20px) rotate(-90deg); /* Mover hacia la derecha manteniendo el giro */
			opacity: 0;
		}
	}
	

}

/************ videos ajustar tamaño y centrar verticalment  ******************/

.mejs-container {
    width: 100% !important;
    height: 100% !important;
}

.mejs-mediaelement video {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 100% !important;
        height: auto !important;
}

div video {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
}