@font-face {
	font-family: Lato-Regular;
	src:url("../../recursos/fonts/Lato-Regular.ttf");
}

/**************** animacion caja zoom ****************/


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

img.imagen-zoom,
div.imagen-zoom img {
	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);
	}
}


/**************** scrollbar ****************/

::-webkit-scrollbar {
	width: 5px;
}

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

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

*::-webkit-scrollbar-thumb:active {
	background-color: #0072ce;
}

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

.scroll-negativo::-webkit-scrollbar-thumb {
	background: #79b9da;
	/* border: solid 3px #fff; */
	background-clip: content-box;
	border-radius: 6px;
}

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

.scroll-negativo::-webkit-scrollbar-thumb:active {
	background-color: #79b9da;
}

.turn-page {
    box-shadow: none !important;
}

#slider {
    overflow: visible !important;
}

div.caja-zoom {
    overflow: hidden !important;
}

/**************** mostrar el 100% overflow ****************/
	.page, .page-scale-wrap { overflow: visible!important; }

	/* PÁGINAS IMPARES */
	div.turn-page-wrapper.odd-page:has(.activePage),
	div.turn-page-wrapper.odd-page div:has(.activePage) {
	overflow: visible !important;
	}

	/* PÁGINAS PARES */
	div.turn-page-wrapper.even-page:has(.activePage),
	div.turn-page-wrapper.even-page div:has(.activePage) {
	overflow-x: hidden !important;
	}


  /**************** ocultar páginas y mostrar solo la activa ****************/


	.page.activePage {display: block!important;}
	.page {display: none;}
	#container-wrap, .page-scale-wrap {background: none!important;}


  /**************** fondos ****************/

  @keyframes backgroundZoom {
	0%, 100% {
	  transform: scale(1);
	}
	50% {
	  transform: scale(1.02);
	}
  }

  body::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transform-origin: center center no-repeat;
	background-size: cover;
	animation: backgroundZoom 10s infinite ease-in-out;
}

  /* página 1 */
  body:has(.turn-page-wrapper[page="1"][aria-hidden="false"])::before {
	background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/1.jpg");
  }
  
  /* página 5 */
  body:has(.turn-page-wrapper[page="5"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/5-2.jpg");
  }

   /* página 13 */
	body:has(.turn-page-wrapper[page="13"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/13.jpg");
  }

   /* página 15 */
	body:has(.turn-page-wrapper[page="15"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/15.jpg");
  }

     /* página 19 */
	body:has(.turn-page-wrapper[page="19"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/19.jpg");
  }

       /* página 21 */
	body:has(.turn-page-wrapper[page="21"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/21.jpg");
  }


  @media (max-width: 768px) {
	/* página 1 */
	body:has(.turn-page-wrapper[page="1"][aria-hidden="false"])::before {
		background-position-x: 20%;
	  }
	/* página 2 */
	body:has(.turn-page-wrapper[page="2"][aria-hidden="false"])::before {
	  background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/1.jpg");
	  background-position-x: 20%;
	}
	/* página 6 */
  	body:has(.turn-page-wrapper[page="6"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/5-2.jpg");
		background-position-x: 74%;
	}
	/* página 14 */
	body:has(.turn-page-wrapper[page="14"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/13.jpg");
	}
	/* página 15 */
	body:has(.turn-page-wrapper[page="15"][aria-hidden="false"])::before {
		background-position-x: center;
		background-position-x: 56%;
	}
	/* página 16 */
	body:has(.turn-page-wrapper[page="16"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/15.jpg");
		background-position-x: 56%;
	}
	/* página 20 */
	body:has(.turn-page-wrapper[page="20"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/19.jpg");
	}
	/* página 22 */
	body:has(.turn-page-wrapper[page="22"][aria-hidden="false"])::before {
		background-image: url("https://clientes.indesigners.es/air-europa-demo/html/recursos/fondos/21.jpg");
		background-position-x: 84%;
	}

/* PÁGINAS PARES */
div.turn-page-wrapper.even-page:has(.activePage),
div.turn-page-wrapper.even-page div:has(.activePage) {
overflow: visible !important;
}


/* body::before {
	background-position-x: center;
	height: 700px;

} */

  } 
  /**************** fin de fondos ****************/



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

.dropdown-menu {
	width: 100%;
	z-index: 9999;
	position: fixed;
	background-color: #fff;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: space-between;
	font-family: Lato, "Raisonne Pro", sans-serif;
	padding: 0 30px 0 30px;
}

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

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

.dropdown-menu>ul ul {
	list-style-type: none;
	display: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 100%;
}

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

.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%;
}
.seccion-menu a {
	padding: 13px 10px;
	box-sizing: border-box;
	text-decoration: none;
	color: #0d0d0d;
	font-size: 14px;
	text-align: left;
	font-family: Lato-Regular, "Lato";
}

.iconos-dropdown-menu a {
	padding: 10px 14px;
}

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

.dropdown-menu-logo img {
	height: 25px;
	padding-top: 8px;
}

.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: #0072ce;
}

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

.marcado {
	color: #0072ce !important;
}

.iconos-dropdown-menu {
	display: flex;
	justify-content: end;
	/* align-items: center; */
	list-style: none;
}

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

.iconos-dropdown-menu a img {
	width: 21px;
	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: #0072ce;
	display: block;
	transition: all 300ms;
	margin-top: 4px;
}

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

.dropdown-menu-items li a:hover {
	color: #0072ce;
}

.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: 44px; padding: 4px 0px 0px 0px !important; margin-left: 0px!important;}
	.icono-buscar img, .icono-home img{
        width: 25px;
        height: 25px;
    }
	.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: Lato-Regular, "Lato", sans-serif;
		height: 50px;
		align-items: center;
	}

	.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 el submenú cuando se hace clic en el enlace del menú principal */
	.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: #d2ffda;
		padding-top: 50px;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		padding-left: 200px;
	}

	/* 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: right;
		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 12px 20px;
		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: #0072ce;
		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;
	}

    .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 ******************* */
	
	label 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;
}

}



/**************** quitar fondo negro en el modo fullscreen ****************/

	/* Estándar */
	:fullscreen::backdrop {
	background-color: #fff !important; /* O el color que desees */
  }
  
  /* WebKit (Chrome, Safari, etc.) */
  :-webkit-full-screen::backdrop {
	background-color: #fff !important;
  }
  
  /* Firefox (prefijo -moz-) */
  :-moz-full-screen::backdrop {
	background-color: #fff !important;
  }
  
  /* IE/Edge (prefijo -ms-) [ya casi en desuso, pero por completitud] */
  :-ms-fullscreen::backdrop {
	background-color: #fff !important;
  }



  /**************** navegación en movil ****************/

  @media screen and (min-width: 745px) {
	.icono-scroll-movil{
		display: none!important;
	}
  }

  @media screen and (max-width: 745px) {
	#nextBtn, #backBtn, #firstBtn, #lastBtn{
		display: none!important;
	}
	.icono-scroll-movil{
		display: block!important;
	}
  }


/**************** contador de páginas en móvil ****************/

@media screen and (min-width: 745px) {
	#viewer-options-wrap{
		display: none;
	}
}

  #viewer-options {
    min-width: 0px!important;
}

span#page-display-wrap {
	color: #0072ce;
}

#viewer-options-bar{
	height: 30px;
	background-color: #ffffff!important;
}

#viewer-options-bar #view-toggle {
	display: none;
}

#viewer-options-bar > span {
	padding-top: 8px;
}

#viewer-pagecount {
	right: 47%;
}



/**************** mostrar/ocultar elementos páginas pares e impares ****************/

@media (max-width: 768px) {
	li.page.par .impar, li.page.par .escritorio-impar, li.page.par .movil-impar {
		visibility: hidden;
	}
	li.page.impar .par, li.page.impar .escritorio-par, li.page.impar .movil-par {
		visibility: hidden;
	}
	.hide-mobile {
		visibility: hidden;
	}
  }

  /**************** centrar el contenido en la página del móvil ****************/

  @media (max-width: 768px) {
	/* El contenedor principal se convierte en un flex container con dirección de columna */
	#container-wrap {
	  display: flex;
	  flex-direction: column;
	  height: calc(var(--vh, 1vh) * 100);
	}
	
	/* El menú se mantiene en la parte superior */
	.dropdown-menu-movil {
	  flex-shrink: 0; /* Evita que se reduzca */
	  align-self: flex-start; /* Se posiciona al inicio (izquierda o centrado según sea necesario) */
	  position: fixed;
	}
	
	/* El contenedor de páginas ocupa el resto del espacio y centra su contenido */
	#container {
	  flex: 1; /* Ocupa el espacio restante */
	  display: flex;
	  flex-direction: column;
	  justify-content: center; /* Centra verticalmente */
	  align-items: center;   /* Centra horizontalmente */
	}
	
	/* Las páginas se posicionan de forma estática para fluir naturalmente */
	#container > .page {
	  position: static;
	  margin: 0 auto;
	}
  }
  

/**************** mostrar/ocultar capa escritorio y movil ****************/

  @media (max-width: 768px) {
	.movil, .movil-par, .movil-impar{
		visibility: visible;
	}
	.escritorio, .escritorio-par, .escritorio-impar{
		visibility: hidden;
	}
  }

  @media (min-width: 800px) {
	.movil, .movil-par, .movil-impar{
		visibility: hidden;
	}
	.escritorio, .escritorio-par, .escritorio-impar{
		visibility: visible;
	}
  }


  button:hover .rectangulo-blanco {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
	transform: scale(1.02);
	transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
  }
  
  .sombra-paralela {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  }
  

  /**************** estilos contenedor iframe para el vídeo de fondo ****************/
  #videoContainer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1; /* Detrás del contenido principal */
	overflow: hidden;
  }
  #videoContainer iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: none; /* Se ocultan por defecto */
  }
  #videoContainer iframe.active {
	display: block;
  }

  /**************** contador de páginas en móvil ****************/

@media screen and (min-width: 745px) {
	#viewer-options-wrap{
		display: none;
	}
}

  #viewer-options {
    min-width: 0px!important;
}

span#page-display-wrap {
	color: #0072ce;
}

#viewer-options-bar{
	height: 30px;
	background-color: #ffffff!important;
}

#viewer-options-bar #view-toggle {
	display: none;
}

#viewer-options-bar > span {
	padding-top: 8px;
}

#viewer-pagecount {
	right: 47%;
}

/* desactiva la función de collapse */
#viewer-options-wrap.collapsed {
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transition: none !important;
}

#viewer-options-wrap.collapsed #view-toggle svg {
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
}


@media screen and (max-width: 768px) {
	.video-portada{
		width: 500px!important;
		left: 50px!important;
		top: 30px!important;
	}
}