html.ios body[class*='scaled-'] #container { position:absolute; top:40px; left:0; }
p {	 hyphens:none !important;}
/*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;
	background: transparent;
}

#container {
	height: 795px!important;
}

/*linea 450*/
#cboxOverlay { 
	background-color: #fff !important;
	opacity: 0.95 !important;
}
/* lightbox */
#cboxContent{ overflow:hidden; background: transparent;}

#cboxLoadingGraphic{background:url('../imagenes/loading-cruise.gif') no-repeat center center;}

#cboxClose{position:absolute; top:18px; right:-12px; display:block; background:url('../imagenes/cerrar-lightbox.svg') no-repeat top center; text-indent:-9999px;width: 35px; height: 35px; background-size: cover; margin: 20px;}
#cboxTopCenter {height: 0px;}

#colorbox, #cboxContent, .cboxIframe, #cboxLoadedContent, #cboxLoadingOverlay{
	background: none!important;
}

@font-face {
	font-family:FF-MuseoSansRounded-700;
	src:url("../fonts/MuseoSansRounded-700.ttf");
}

@font-face {
	font-family:FF-MuseoSansRounded-300;
	src:url("../fonts/MuseoSansRounded-300.ttf");
}


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

#view-toggle {display: none;}

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

@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){
	nav#page-nav > button,
	.full-screen a{
		display: none!important
	}

}
/* cambios css solo para modo vertical */

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


/* bold */
/* .bold {
font-weight: 700;
}

p.botones {
font-weight: 700;
}

p.boton-otros-itinerarios {
font-weight: 700;
}

p.inicio-fin-ciudades-grafico {
font-weight: 700;
}

p.ciudades-mapa {
font-weight: 700;
}

p.circuito-itinerario {
font-weight: 700;
}

p.incluye-vinetas {
font-weight: 700;
} */

span.boton-otros-itinerarios-salidas {
font-weight: 300;
}

p.titular-itinerario {
font-weight: 300;
}

span._22-pt-azul-secundario {
font-weight: 300;
}


/* p.titular-portada {
font-weight: 700;
}

p.subtitulo-titular-portada {
font-weight: 700;
} */

span._12pt-gris-texto {
font-weight: 300;
}

/* p.esquema-grafico {
font-weight: 700;
}


p.pop-titular-blanco,
p.pop-titular,
p.pop-descripcion-bold {
	font-weight: 700;
} */

/* botones goto */

p.boton-goto-flecha {
	margin-left: 15px;
}
.boton-goto-flecha:hover {
	color: #002d74!important;
	cursor: pointer;
}
p.boton-goto-flecha:before {
    content: "";
    display: block;
    background: url("../imagenes/goto-flecha.svg") no-repeat;
    width: 8px;
    height: 16px;
    float: left;
    margin: 2px 0 0 -15px;
    background-size: cover;
	position: absolute;
}

/* modificaciones */
.line-height-small {
	margin-bottom: -1px !important;
}

/* imagen sobre */

.boton-imagen-hover:hover, .imagen-hover:hover {filter: opacity(.8); 
					/* filter: blur(2px); */
				}

/* imagenes animada */
.imagen-animada {
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
div.caja-zoom {
  -webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);

}
  .boton-image-zoom-redondeado { 
  border-radius: 35px;
  border-bottom-left-radius: 35px !important;
  border-bottom-right-radius: 35px !important;}

/* animacion zoom */

img.imagen-zoom{
    animation: zoom-in-zoom-out 15s ease-out infinite;
  }
  
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.05, 1.05);
    }
    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); */

    }
  }




  button.boton-image-zoom{
    transition: transform .5s ease;
  }

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

  .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;
	}
}


/* scrollbar */

  /* Tamaño del scroll */
  *::-webkit-scrollbar {
	width:20px;
  
  }
  
   /* Estilos barra (thumb) de scroll */
   ::-webkit-scrollbar-thumb {
	background: #fff;
	border: 8px solid transparent;
	background-clip: content-box;
	border-radius: 20px;
  
  
  }
  
  *::-webkit-scrollbar-thumb:active {
	background-color: #002d74;
  }
  
  ::-webkit-scrollbar-track {
	background: #002d74;
	border: 9px solid transparent;
  
	background-clip: padding-box;  
  }

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

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

.scroll-vertical, .scroll {
  overflow: auto!important;
}

.scroll-vertical::-webkit-scrollbar-thumb {
	background: #002d74;
	border: 8px solid transparent;
	background-clip: content-box;
	border-radius: 20px;
  }

  .scroll-vertical::-webkit-scrollbar-track {
    background: #0FB6CC;
    border: 9px solid transparent;
    background-clip: padding-box;  
    }
  

/* FIN SCROLL */


.sumario {
  font-family:FF-MuseoSansRounded-700,"Museo Sans Rounded",serif;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 700;
}

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;
  }
  
  
/* GALERÍAS */

.portfolio-filter-tab-1 li a{
	font-family: Museo-Sans-Rounded;
	font-size: 22px;
	color: #002d74!important;
}
.portfolio-filter-tab-1 li a:hover, .portfolio-filter-tab-1 li.active a{
	color: #6dbdc4!important;
	border-bottom: 3px solid #6dbdc4!important;
}
.bg-extra-dark-gray  {
	background: #6dbdc4!important;
}
.ti-zoom-in, .mfp-arrow-right:before, .mfp-arrow-left:before, button.mfp-close, button.mfp-arrow  {
	color: #002d74!important;
}
.bg-black-opacity-light {
	font-family:Museo-Sans-Rounded;
	font-size: 16px;
	background: #6dbdc4!important;
	color: #002d74!important;
	text-align: center;
}

.mfp-title {
	font-family:Museo-Sans-Rounded;
	font-weight: 700;
	font-size: 22px;
	color: #6dbdc4!important;
}

.mfp-bg, .my-mfp-zoom-in.mfp-ready.mfp-bg, .my-mfp-slide-bottom.mfp-ready.mfp-bg {
	background: #6dbdc4!important;

}

ul.portfolio-grid li, 
.portfolio-img img,
.portfolio-grid .grid-item figure {
	border-radius: 0px!important;
}

.mfp-img {
	border-radius: 0px!important;
	padding: 0px 0px!important;
}



.mfp-title {
	text-align: center;
	margin-top: -25px;
}

 /* CURSOR ESTRELLAS */

 .star {
	position: fixed;
	pointer-events: none;
	z-index: 9999;
}

.star:before, .star:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '\2726';
	font-size: 9px;
	opacity: 0.5;
}

.star:before {
	color: transparent;
	text-shadow: 0 0 3px rgba(250, 250, 228, 0.42);
}

.star:after {
	background: rgb(209, 233, 246);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.botones-itinerarios {
	margin-left: 5px;
}

.botones-itinerarios a::before {
  content: "";
  display: inline-block;
  background: url('../imagenes/siguiente-blanco.svg') no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  background-size: cover;
  vertical-align: middle;
  cursor: pointer;
}

p.pop-descripcion-bold {
	text-align: left!important;
}


/* menu */

.menu {
    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: center;
	font-family:FF-MuseoSansRounded-300,"Museo Sans Rounded",serif;
}

.menu-logo {
	line-height: 0;
	margin: 0 20px;
	box-sizing: border-box;
	float: left;
	margin: 0;
	padding: 0 80px;
  }
  
.menu > ul {
	list-style-type: none;
    /* margin: 0; */
    float: left;
    margin-left: 15%;
}
.menu > ul ul {
	list-style-type: none;
	display: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
}
.menu > ul > li {
	float: left;
    display: inline-block;
}
.menu > ul li li {
	position: relative;
}
.menu > ul > li:hover > ul {
	display: block;
	cursor: pointer;
}
.menu > ul > li > ul li:hover > ul {
	display: block;
    top: 0;
    left: 100%;
}
.menu a {
	display: block;
    padding: 18px 45px;
    box-sizing: border-box;
    text-decoration: none;
    color: #002d74;
    font-weight: bold;
    font-size: 14px;
    min-width: 170px;
    text-align: center;
}

a.inicio{
  padding-right: 0px!important;
}

.menu a.menu-logo  {
	flex-shrink: 0;
	padding: 0px!important;
  }
.menu-logo img {height: 40px; padding-top: 5px;}

/* .menu > ul > li > a {
	border-right: 1px solid #6dbdc4;
}
.menu > ul > li:first-child > a {
	border-left: 1px solid #6dbdc4;
} */
.menu > ul > li > a:hover {
	color: #6dbdc4;
}
.menu > ul ul li a {
	display: block;
    padding: 15px 45px 15px 45px;
    background-color: #002d74;
    box-sizing: border-box;
	color:#fff;
}
.menu > ul ul li a:hover {
	color: #6dbdc4;
}
.menu > ul ul ul ~ a::after {
	content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent rgba(255,255,255,0.3);
}
.menu label,
.menu input {
	display: none;
}

.marcado {
	color: #bb9720!important;
	/* Agrega otros estilos según sea necesario */
  }

  a.presupuesto {
	background: #bb9720;
	padding: 7px 20px 5px 20px!important;
	border-radius: 50px;
	color: #fff!important;
	height: 30px;
	margin-top: 10px;
  }

  a.presupuesto:hover {
	background: #002d74;
	padding: 5px 20px;
	border-radius: 50px;
	color: #fff!important;
  }


/* Add arrow to li elements that have a submenu */
.menu > ul > li:has(ul) > a {
    position: relative; /* Ensure the parent <a> is positioned relative */
    padding-right: 30px; /* Adjust padding to make room for the arrow */
}

.menu > ul > li:has(ul) > a::after {
    content: '';
    border: solid #002d74; /* Azul */
    border-width: 0 2px 2px 0; /* Flecha fina */
    display: inline-block;
    padding: 3px;
    transform: translateY(-50%) rotate(45deg); /* Rotar para crear una flecha hacia abajo */
    position: absolute;
    right: 10px; /* Espacio a la derecha de la flecha */
    top: 50%;
}

/* Remove arrow for nested ul li */
.menu > ul > li ul li > a::after {
    content: none;
}

.buscar a img{
  width: 25px;
    height: auto;
    cursor: pointer;
}

.buscar a {
  padding-top: 10px;
  padding-left:0px;
  padding-bottom: 0px;
}

.icono-buscar:hover{
  content: url(https://avoris-indesigners.s3.eu-west-1.amazonaws.com/librerias/libreria/estilos/disney/imagenes/buscar-blue.svg)
}



@media screen and (min-width: 701px) and (max-width:1400px){
  .menu ul {
    margin-left: 0%;
  }
}

@media screen and (min-width: 650px) and (max-width:850px){
  .menu a {
    padding-left: 250px!important;
  }
}

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

.menu{
  justify-content: space-around;
}

	.menu ul a {
		text-align: left;
		margin-left: -30px;
		padding: 25px 45px;
	}
    .menu ul {
        display: none;
    }
  
    .menu a {
      padding: 10px 0px;
  }

  .menu-logo{
    position:absolute;
    left:0px;
  }

  .buscar a{
    min-width: 40px!important;
  }
	
	.menu > ul > li:has(ul) > a {
		position: relative; /* Ensure the parent <a> is positioned relative */
		padding-right: 60px; /* Adjust padding to make room for the arrow */
	}

	.menu > ul > li:has(ul) > a::after {
		right: auto; /* Espacio a la derecha de la flecha */
		left: 20px;
		/* transform: translateY(-50%) rotate(-45deg); */
	}

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

    .menu label svg {
        width: 30px;
        /* top: -26px !important; */
        right: 20px !important;
        left: auto;
        height: 45px;
    }
	.menu input:checked ~ ul {
    display: inline-flex;
    top: 100%;
    position: absolute;
    width: 100%;
    height: calc(100vh - 100%);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    padding-top: 50px;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 200px;
    }

	.menu input[type="checkbox"]:.menu > ul ul li a  {
		display: block;
	}
	.menu > ul ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		position: static;
	}

  .menu ul li a:focus + ul,
  .menu ul li a:hover + ul {
      display: contents; /* Show on focus or hover */
  }

	.menu > ul ul li a  {
		/* display: block; */
		padding: 10px 45px;
		background-color: #fff;
		box-sizing: border-box;
		color: #6dbdc4;	
	}

	a.presupuesto {
		/* margin-left: 90px!important; */
		text-align: center !important;
	}

    /* FIN DE MENU  */
  



  *::-webkit-scrollbar{
    height: 5px!important;
  }
  
  .scroll-horizontal::-webkit-scrollbar-thumb {
    background: #3b63a7;
    background-clip: content-box;
    border: solid #3b63a7;
    border-radius: 20px;
    }
  
    .scroll-horizontal::-webkit-scrollbar-track {
      background: #92bcc6;
      background-clip: content-box;  
      border: solid #92bcc6;
      border-radius: 20px;
      
      }

      .botones-itinerarios-movil {
        margin-left: 5px;
      }
      
      .botones-itinerarios-movil a::before {
        content: "";
          display: block;
          background: url("../imagenes/siguiente-blanco.svg") no-repeat;
          width: 25px;
          height: 25px;
          float: left;
          margin: 0 25px 0 0;
          background-size: cover;
          position: relative;
        top: 5px;
      }

      .menu-logo img {height: 35px; padding-bottom: 5px;}

}


.animacion-barrido-imagen, div.scroll-horizontal {
  position: relative;
  display: inline-block;
  overflow: hidden;
  mask-image: linear-gradient(to right, black 50%, transparent 50%);
  mask-size: 200% 100%;
  animation: mostrarImagen 3s linear forwards;
animation-delay: 2s;
}

@keyframes mostrarImagen {
  0% {
      mask-position: 100% 0;
  }
  100% {
      mask-position: 0 0;
  }
}
.scroll-horizontal {
  overflow-x: scroll!important;
}

.scroll-horizontal {
  overflow-x: scroll!important;
}



*::-webkit-scrollbar{
  height: 5px!important;
}

.scroll-horizontal::-webkit-scrollbar-thumb {
  background: #3b63a7;
  background-clip: content-box;
  border: solid #3b63a7;
  border-radius: 20px;
  }

  .scroll-horizontal::-webkit-scrollbar-track {
    background: #fff;
    background-clip: content-box;  
    border: solid #fff;
    border-radius: 20px;
    
    }


    p.icono-navidad-1, p.icono-navidad-2, p.icono-halloween-1, p.icono-halloween-2, p.icono-marvel-1, p.icono-marvel-2  {
      color: #000;
    }

    p.icono-navidad-1:before {
      font-weight: 300;
		content: "";
      display: block;
      background: url("../imagenes/disney-navidad.svg") no-repeat;
      width: 20px;
      height: 20px;
      float: left;
      margin: -2px -20px 0 0;
      background-size: cover;
      position: relative;
      left: 12px;
  }
  
  p.icono-navidad-2:before {
    font-weight: 300;  
	content: "";
      display: block;
      background: url("../imagenes/disney-navidad.svg") no-repeat;
      width: 20px;
      height: 20px;
      float: left;
      margin: -2px -20px 0 0;
      background-size: cover;
      position: relative;
      left: 20px;
  }

  p.icono-halloween-1:before {
    font-weight: 300;
	content: "";
    display: block;
    background: url("../imagenes/disney-halloween.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: -1px -20px 0 0;
    background-size: cover;
	  position: relative;
	  left: 12px;
}

p.icono-halloween-2:before {
    font-weight: 300;
	content: "";
    display: block;
    background: url("../imagenes/disney-halloween.svg") no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: -1px -20px 0 0;
    background-size: cover;
	  position: relative;
	  left: 18px;
}

p.icono-marvel-1:before {
  font-weight: 300;
content: "";
  display: block;
  background: url("../imagenes/disney-marvel.svg") no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: -1px -20px 0 0;
  background-size: cover;
  position: relative;
  left: 12px;
}

p.icono-marvel-2:before {
  font-weight: 300;
content: "";
  display: block;
  background: url("../imagenes/disney-marvel.svg") no-repeat;
  width: 20px;
  height: 20px;
  float: left;
  margin: -1px -20px 0 0;
  background-size: cover;
  position: relative;
  left: 18px;
}



.iframe-total {}