.bg-brown-strong.small-margin {
	display: none;
}
footer.container{
	display: none;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&family=Poppins:wght@500&family=Raleway:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins&display=swap');
/****************************/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body{
	font-size: 0.938em;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #1A1A1A;
	background-color: #FFFFFF!important;
	max-width: 1280px;
	margin: 0 auto;
}
h1{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 3.125vw;
	line-height: 1.4;
	margin: 0;
}
.font-40{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 3.125vw;
	line-height: 1.4;
}
h2{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.65vw;
	letter-spacing: 0.08em;
	line-height: 1.41;
	padding-bottom: 0;
}
h3{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 2.18vw;
	letter-spacing: 0.1em;
	line-height: 1.35;
}
h4{
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 1.56vw;
	letter-spacing: 0.05em;
	line-height: 1.4;
}
nav {
	display: block;
	text-align: center; 
	align-items: center; 
	justify-content: space-between; 
	padding-inline-start: 0em; 
	padding-inline-end: 0em; 
	margin-right: 0;
}
.menu {
	font-family: 'Raleway', sans-serif!important ;
	font-size: 1.01vw;
	font-weight: 400;
	letter-spacing: 0.30em;
	line-height: 1.15;
	text-transform: uppercase;
}
.menu:hover{
	font-weight: 700;
}
.menu.active{
	text-decoration: underline;
}
.maximo {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 2.5vw;
	line-height: 1.21;
}
.mediano{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1.40vw;
	line-height: 1.22;
}
.small{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1.015vw;
	line-height: 1.23;
}
.orange{
	color: #C28B63;
}
.bg-orange{
	  background-color: #C28B63;
}
.gray {
	color: #979CA1;
}
.gray-strong {
	color: #454749;
}
.gray-menu{
	color: #454749;
}
.bg-gray{
	background-color: #454749;
}
.bg-black{
	background-color: #2A2929;
}
.bg-gray-light {
	background-color: #D7D7D9;
}
.bg-white{
	background-color: #FFF;
}
.white{
	color: #FFF;
}
.bg-beige{
	background-color: #D7D7D9;
}
.blanco{
	color: #E3E3E3;
}
.center{
	text-align: center;
}
.icon img{
	width: 1em;
}
ul,
ol {
  list-style: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}
.margins{
	margin-inline-start: 8.43vw;
	margin-inline-end: 8.43vw;
}

/***** botones *****/
.btn {
	font-size: 0.85vw;
	letter-spacing: 0.07vw;
	padding: 0.78vw 2.10em;
	text-decoration: none;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	position: relative;
	font-family: 'Montserrat', sans-serif;  
	line-height: 1.27;
	text-align: center;
	transition: background 250ms ease-in-out, 
					  transform 150ms ease;
  }
  .btn-orange {
	background: #C28B63;
	color: #FFFFFF;
  }
  .btn-orange:hover{
	/*outline: 1px solid #FFFFFF;*/
	background: #C28B63;
	box-shadow: 0 1px 3px 0 #454749;
	font-weight: 700;
  }
  .btn-gray{
	color: #FFFFFF;
	background: #454749;
	font-weight: 700;
  }
  .btn-gray:hover{
	/* outline: 1px solid #2A2929; */
	background: #454749;
	box-shadow: 0 1px 3px 0 #454749;
	font-weight: 600;
  }
	.btn_menu_mobile{
		display: none;
	}

/***** nav *****/
.nav-mobile{
	display: none;
}
picture.mobile{
	display: none;
}
section.header{
	position: relative;
	display: block;
}

.header picture .mobile {
	display: none;
}
.header picture {
	position: absolute;
	top: 0px;
}
div.header .nav-container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	z-index: 1;
	position: relative;
	padding-inline-start: 8.43vw;
	padding-inline-end: 8.43vw;
	
}
.nav-container #logo-naciones{
	display: none;
}
/* .nav-container #logo-naciones {
	max-width: 15em;
	width: 17.57vw;
	margin: 4.68vw 0vw 2.34vw;
} */
.nav-container #logo-naciones-movil {
	max-width: 15em;
	width: 17.57vw;
	margin: 4.68vw 0vw 2.34vw;
	margin: 4em 0em 2em;
	display: block;
}
nav .menu.icon {
	font-size: 1em;
	bottom: .5em;
}
.menu.text{
	margin-right: 2.15em;
	bottom: .5em;
}
.menu.icon.twitter{
	margin: 0em 1.33em; 
}

.contenedor_aviso h2{
	margin-top: 9.37vw;
}
.contenedor_aviso p {
	width: 75.78vw;
	max-width: 64.66em;
	margin: 7.81vw auto 9.37vw auto;
	text-align: justify;
}
.copyright p a {
	text-decoration: underline;
	color: #454749;
}


/***** FOOTER *****/
.logo-nara-capital {
	width: 21.40vw;
	max-width: 18.26em;
	margin-top: 0.66em;
}
footer .proyect {
	padding-block-start: 3.125vw;
	padding-block-end: 3.125vw;
}
.proyect p.white {
	font-size: 1.09vw;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0.071em;
	line-height: 1.78;
}
.ubicaciones {
	display: block;
	position: relative;
}
.ubicaciones .nara {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	margin: 0 0.9em;
}
.ubicaciones .desktop img {
	max-width: 20em;
	width: 23.43vw;
}
.americas .americas {
	max-width: 8.53em;
	width: 10vw;
}
.neruda .neruda {
	max-width: 11.26em;
	width: 13.20vw;
}
.americas .americas {
	max-width: 8.53em;
	width: 10vw;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
}
.neruda .neruda {
	max-width: 11.26em;
	width: 13.20vw;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translateY(-50%) translateX(50%);
}
.white.site {
	font-family: 'Poppins', sans-serif;
	font-size: 1.25vw;
	letter-spacing: 0.375em;
	line-height: 1.43;
	margin-top: 3.125vw;
	position: relative;
	display: block;
	margin-bottom: 2.73vw;
}
.navegacion.bg-gray.nav-container {
	display: flex;
	justify-content: space-between;
	z-index: 1;
	position: relative;
	padding-inline-start: 8.43vw;
	padding-inline-end: 8.43vw;
	align-items: baseline;
}
.nav-container .logo-naciones {
	max-width: 15em;
	width: 17.57vw;
	margin: 2.34vw 0vw 2.34vw;
}
.copyright p {
	padding-top: 0.53em;
	padding-bottom: 0.53em;
}
/******************************* Ajustes Big /*******************************/
@media only screen and (min-width: 1280px){
	.btn {
		font-size: 0.73em;
		letter-spacing: 0.09em;
		padding: 0.90em 2.45em;
	}
	h1{
		font-size: 2.66em;
	}
	.font-40{
		font-size: 2.66em;
	}
	h2{
		font-size: 2.26em;
	}
	h3{
		font-size: 1.86em;
	}
	h4{
		font-size: 1.33em;
	}
	.maximo{
		font-size: 2.133em
	}
	.mediano{
		font-size: 1.2em;
	}
	.small{
		font-size: 0.86em;
	}
	.margins{
		margin-inline-start: 7.2em;
		margin-inline-end: 7.2em;
	}
   .menu{
	   font-size: 0.86em;
   }
	section.header{
	}
	div.header .nav-container{
		padding-left: 7.2em;
		padding-right: 7.2em;
	}
	.nav-container #logo-naciones-movil  {
		margin: 4em 0em 2em;
		display: block;
	} 
	

	.header .bg-orange {
		top: 32em;
	}
	.bg-orange .menu {
		text-decoration: none;
		padding: 0.76em 4.61em;
	}
	.bg-orange .items{
		grid-template-columns: 39.8em 1fr;
	}
	.item h3 {
		padding: 1.25em 1.071em;
		font-size: 1.86em;
		padding-right: 0;
		padding-top: 0em;
	}
	.bg-orange .item .btn{
		padding-left: 5em;
		padding-right: 5em;
	}


	
	.contenedor_aviso h2{
		margin-top: 3.52em;
	}
	.contenedor_aviso p {
		margin: 6.66em auto 8em auto;
	}
	

	/***** FOOTER *****/
	footer .proyect {
		padding-block-start: 2.66em;
		padding-block-end: 2.66em;
	}
	.proyect p.white{
		font-size: 0.933em;
	}
	.white.site {
		font-size: 1.06em;
		letter-spacing: 0.375em;
		line-height: 1.43;
		margin-top: 2.5em;
		margin-bottom: 2.187em;
	}
	.navegacion.bg-gray.nav-container {
		padding-inline-start: 7.2em;
		padding-inline-end: 7.2em;
	}
	.nav-container .logo-naciones {
		margin: 2em 0vw 2em;
	}
	   

}
/******************************* Ajustes tablet /*******************************/
@media only screen and (min-width: 600px) and (max-width: 992px){
	nav .menu{
		font-size: 9px;
	}
	.menu.text{
		margin-right: 1.5vw;
	}
	nav .menu.icon{
		font-size: 11px;

	}
}

/******************************* Ajustes mobile /*******************************/
@media only screen and (max-width: 600px){
	body{
		font-size: 0.93em;
		line-height: 1.23;
	}
	h1{
		font-size: 2em;
	}
	.font-40{
		font-size: 2.66em;
	}
	h2{
		font-size: 1.73em;
		letter-spacing: 0.07em;
		line-height: 1.15;
	}
	h3{
		font-size: 1.33em;
	}
	h4{
		font-size: 1.2em;
	}
	.maximo{
		font-size: 1.2em
	}
	.mediano{
		font-size: 1.2em;
	}
	.small{
		font-size: 0.86em;
	}
	.margins{
		margin-inline-start: 7.2em;
		margin-inline-end: 7.2em;
	}
	.margin-small{
		margin: 0 1.6em;
	}
	.btn {
		font-size: 0.86em;
		width: 15.38em;
		padding: 0.66em 2.16em;
	}
	.btn_menu_mobile{
		display: block;
		font-size: 1em;
		padding: 0.3em 1em;
		font-family: 'Raleway', sans-serif;
		letter-spacing: 0.15em;
		font-weight: 500;
	}
	.menu{
		font-size: 0.8em;
	}
	.col-2 {
		grid-template-columns: 1fr;
	}
	picture.mobile{
		display: block;
		position: relative;
	}
	.no_mostrar{
		display: none;
	}
	.nav-mobile .copyright p a {
		color: #E3E3E3;
		margin-top: 0.5em;
		position: relative;
		display: block;
	}
	/**** header ****/
	.nav-mobile{
		display: block;
	}
	#nav_mobile{
		width: 100vw;
		height: calc(100vh + 4vh);
		transform: translateX(200%);
		transition: 0.5s ease-in-out;
		z-index: 5;
		position: fixed;
		overflow: auto;
		/*margin-top: 4.61em;*/
		top: 4.5em;
	}
	#nav_mobile.open{
		transform: translateX(0%);
		transition: 0.5s ease-in-out;
		
	}
	.menu_mobile{
		padding-top: 6em;
		position: relative;
		display: block;
		
	}
	.menu_mobile hr {
		width: 40px;
		text-align: center;
		margin: 0 auto;
	}
	.menu_mobile li.menu.text{
		display: block;	
		margin: 2.3em 0em;
	}
	.menu_mobile li.menu.text:last-of-type{
		margin-bottom: 2em;
	}
	.menu_mobile li.menu.icon{
		display: inline-block;
		font-size: 1em;
	}
	li.menu.icon.twitter {
		margin: 2.66em 1.33em 3.33em 1.33em;
	}
	.nav-mobile .copyright {
		padding-left: 1.6em;
		padding-right: 1.6em;
		padding-bottom: 2.26em;
		margin-bottom: 14vh;
	}
	.nav-mobile .copyright p{
		font-size: 0.8em;
		padding-top: 0.66em;
		padding-bottom: 0.66em;
	}
	.nav-mobile .copyright hr{
		margin: 0;
	}
	div.header nav{
		display: none;
	}
	div.header .nav-container{
		height: 4.61em;
		position: fixed;
		align-items: center;
		width: 100%;
		top: 0;
	}
	.nav-container{
		background: #454749;
		background-image: linear-gradient(0deg, rgba(151,156,161,0.00) 3%, #434749 97%);
	}
	.nav-container #logo-naciones{
		width: 13.53em;
		margin-bottom:0vw;
		display: block;
	}
	.nav-container #logo-naciones-movil{
		display: none;
	}
	.nav-container #logo-naciones-desktop{
		display: none;
	}
	
	.contenedor_aviso h2 {
		margin-top: 6.4em;
	}
	.contenedor_aviso p {
		width: unset;
		margin-left: 2em;
		max-width: 100%;
		margin-right: 2em;
		letter-spacing: 0;
		line-height: 1.66;
		margin-top: 4em;
		margin-bottom: 4em;
	}
	/***** footer *****/
	footer .proyect {
		padding-top: 3.33em;
	}
	.proyect p.white {
		font-size: 0.8em;
	}
	.logo-nara-capital{
		width: 13.46em;
		margin-bottom: 0.5em;
	}
	.ubicaciones {
		display: flex;
		justify-content: space-around;
	}
	.ubicaciones {
		display: flex;
		justify-content: space-evenly;
	}
	.white.site {
		font-size: 0.8em;
		letter-spacing: 0.30em;
		line-height: 1.41;
		padding-bottom: 3.33em;
	}
	.ubicaciones .nara{
		margin: 0;
	}
	.americas .americas {
		width: 5.06em;
	}
	.neruda .neruda {
		width: 6em;
	}
	.navegacion.bg-gray.nav-container {
		justify-content: center;
	}
	.nav-container .logo-naciones{
		width: 14.66em;
		margin: 1.33em 0;
	}
	.nav-footer nav {
		display: none;
	}
	.copyright.bg-white {
	display: none;
	}
	
	.nav-mobile .white.site{
		margin: 0;
	}
	.nav-mobile .proyect p.white{
		padding-top: 2.66em;
	}
	.nav-mobile .logo-nara-capital{
		padding-bottom: 1.66em;
	}
	div#menu_movil {
		font-size: 0.8em;
		width: 6.5em;
	}
	div#menu_movil.trans{
		transition: 1s ease-in-out;
	}
}