@charset "UTF-8";
/* CSS Document */

:root {
	--header-height: 3.5rem;
	--z-tooltip: 10;
	--z-fixed: 100;
}

* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
	background-color: black;
	background-image:url('Posada Barrancas Birds 511 005aic.jpg');


	background-position: 50% 0;
	height: 100vh;
max-width: 2048px;/*max-height: 3000px;*/
	/*width:100vw;*/ background-repeat: no-repeat;
background-size: contain;
margin-left: auto;margin-right:auto;
	font-family: Gill Sans, "sans-serif";
	font-size: 1.3em; 
	cursor: pointer;
}


ul {
	list-style: none;
}

a {
	text-decoration: none;
}

.container {
	
	margin-inline: auto;
}

.header {
	position: auto;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
	z-index: var(--z-fixed);
	height:auto;
	
}

.nav {
	height: var(--header-height);
}

.nav__data {
	height:100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.nav__logo {
	display: inline-flex;
	align-items: center;
	column-gap: .25rem;
	
}

.nav-toggle {
	position: relative;
	width: 0;
	height: 0;
	background-color: transparent;
}

.nav {
	height: calc(var(--header-height) + 2rem);
    display: flex;
	
}

.nav__toggle {
	display: none;
}

.nav__data {
	height: 100%;
	/*display: flex;*/
	justify-content: space-between;
	align-items: center;
	
}


	
	.show-menu {
	opacity: 0;
	top: 3.5rem;
	pointer-events: initial;
	
	}

	

.container {
	margin-inline: auto;
	/*overflow: auto;*/
	
}



.nav__list {
	height: 100%;
	width: 13em;
	/*display: flex;*/
	column-gap: 30rem;
	background-color: transparent;/*rgba(0,0,0,.3);*/
	padding-top: 1rem;
}

.nav__link {
	color:white;
	background-color:transparent;/*rgba(0,0,0,.3);*/
	padding: 1.8rem 1.5rem;
	display: flex;
	/*justify-content: space-between;*/
	justify-content: initial;
	align-items: left;
	transition: background-color .3s;
	height: 100%;
	column-gap: 4rem;
}

.nav__link:hover {
	background-color: /*rgba(0,0,0,.3);*/transparent;
}

.dropdown__item, .dropdown__subitem {
	position: relative;
	
}

.dropdown__menu/*, .dropdown__submenu*/ {
	max-height: initial;
	overflow: initial;
	position: absolute;
	/*display: flex;*/
	left: 0;
	top: 6rem;
	width: 20rem;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s, top .3s;
}

.dropdown__link {
	color:white;
	background-color: rgba(0,0,0,.3);
	padding: 0.2rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: left;
	transition: background-color .3s;
}

.dropdown__link, .dropdown__sublink {
	padding-inline: 1rem 2rem;
}

.dropdown__subitem .dropdown__link {
	padding-inline: 1rem;
}

.dropdown__submenu {
	position: relative;
	left: 100%;
	top: 0rem;
	height: 0;
	opacity: 1;
	overflow: auto;
}

.dropdown__item:hover .dropdown__menu {
	opacity: 1;
	top: 5rem;
	height: auto;
	pointer-events: initial;
	transition: top .3s;
	overflow: initial;
	
}

.dropdown__item .dropdown__class:hover /*.dropdown__menu:hover*/ .dropdown__submenu {
    opacity: 1
	height: auto;
	top: 0;
	pointer-events: initial;
	transition: top .3s;
	max-height: initial;
	overflow: initial;
	position: relative;
	/*: 0;*/
	top:-2rem;
	width: 25rem;
	transition: opacity .3s, top .3s;
}

a {
	color: white;
	padding: 0 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: left;
	text-decoration: none;
}

a:hover {color:coral;}

p:hover {color:coral; }
	
button {
	font-size: 1em;
	color: white;
	background-color: transparent;
	border: none;
	padding:0;
	margin-left:-1em;
	text-align: left;
	box-sizing: content-box;
	
}