.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;
}
.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;
	margin-bottom: 43.2vw;
}

.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 {
	max-width: 15em;
	width: 17.57vw;
	margin: 4.68vw 0vw 2.34vw;
}
nav .menu.icon {
	font-size: 1em;
	bottom: .5em;
}
.menu.text{
	margin-right: 2.15em;
	bottom: .5em;
}
.menu.icon.ig{
	margin: 0em 1.33em; 
}

/***** *****/

.header .bg-orange {
	z-index: 1;
	display: block;
	position: relative;
	max-width: 63.66em;
	top:  37.28vw;
	width: 74.60vw;
	margin: 0 auto;
}
.bg-orange .menu {
	font-family: 'Raleway', sans-serif ;
	text-decoration: none;
	padding: 0.78em 3.8em;
	max-width: 31.53em;
	position: absolute;
	right: 0;
	bottom: 100%;
}
.bg-orange .menu:hover{
	font-weight: 400;
}

.bg-orange .items {
	display: grid;
	grid-template-columns: 49vw 1fr;
}
.item {
	display: flex;
	align-self: center;
	justify-content: center;
}
.item h3 {
	font-family: 'Raleway', sans-serif;
	padding: 2.73vw 2.34vw;
	font-size: 2.187vw;
	padding-right: 0;
	padding-top: 0;
	font-weight: 400;
}
.item h3.white:before {
	content: url(../img/line_before_white_naciones.svg);
	display: block;
}
.bg-orange .item .btn{
   padding-left: 5.85vw;
   padding-right: 5.85vw;
   left: 1em;
}

/*****  general *****/

section.general {
	display: grid;
	position: relative;
	grid-template-columns: 1fr 1fr;
	padding-block-start: 7.81vw;
	margin-inline-start: 8.43vw;
	margin-inline-end: 8.43vw;
}
.general .mobile{
	display: none;
}
.general .desktop {
	max-width: 41.8em;
	width: 48.98vw;
	margin-right: 10.54vw;
}
.general .desktop img{
	height: 36.718vw;
	max-height: 31.33em;
}
.general h2.orange {
	font-weight: 400;
	line-height: 1.175;
	max-width: 18.32em;
	width: 48vw;
}
.items.contact .btn-general {
	left: -8.5vw;
	position: relative;
}
.general .logo_naciones {
	width: 17.57vw;
	max-width: 15em;
	margin-top: 2.57vw;
}
.items.info::before {
	content: url(../img/line_before_orange_naciones.svg);
	top: 4.5vw;
	position: absolute;
}
.orange.number{
	font-size: 2.5vw;
	margin-top: 2.57vw;
}
.general .text {
	font-size: 1.56vw;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.items.contact {
	grid-column: 1 / 3;
	margin-top: 5.85vw;
	display: flex;
	justify-content: space-between;
	align-items: end;
}

/****** MODELOS *****/
main.modelos{
	margin-top: 7.812vw;
}
.modelos-title {
	text-transform: uppercase;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0.6em;
}
.modelos-title h2 {
	max-width: 5.5em;
}
.modelos-title hr {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 1px;
	left: 1.2em;
	border-top: 1px solid #1A1A1A;
}
.modelos-tab {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.modelos-tab li:hover{
	text-decoration: underline;
}
.modelos-tab li.active{
	font-weight: 700;
}
.modelos-tab hr {
	height: inherit;
	border: inherit;
	margin: inherit;
	padding: inherit;
	box-sizing: inherit;
	overflow: hidden;
	border-width: 1px;
	border-style: inset;
}
.contenedor_modelos {
	position: relative;
	height: 55em;
}
.modelos_infomacion{
	margin-top: 4.68vw;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: .3s ease-in-out;
	pointer-events: none;
}
.modelos_infomacion.show{
	opacity: 1;
	pointer-events: unset;
}
.modelo_info {
	display: block;
	position: relative;
	grid-row: 1 / 3;
}
.modelo_info .orange.depto{
	top: -0.8em;
	position: relative;
}
.modelo_info::before {
	content: url(../img/line_before_orange_naciones.svg);
	display: inline-block;
	top: -1.8em;
	position: relative;
}
.modelos_fotos {
	grid-column: 2 / 4;
	grid-row: 1 / 3;
	position: relative;
	display: block;
}
.modelo_info .depto_tipo {
	margin-bottom: 2.34vw;
	position: relative;
	top: -2.18vw;
}
.modelo_info .mediano.orange {
	position: relative;
	top: 2.34vw;
	top: -2em;
}
p.mediano.no-orange {
	top: -2em;
	position: relative;
	left: 2em;
}
p.mediano.no-orange.penthouse {
	left: 3.2em;
	margin-bottom: 5px;
}
.modelo_info ul li {
	font-size: 1.17vw;
}
.modelo_info > ul > li {
	display: list-item;
	letter-spacing: 0;
}
.modelo_info ul.depto_caracteristicas {
	margin-bottom: 1.56vw;
	margin-top: 1.56vw;
	font-size: 1.17vw;
	position: relative;
	top: -2.34vw;
}
ul.depto-acabados-int li {
	position: relative;
	top: -2.96vw;
}
ul.depto-acabados-cocina li {
	position: relative;
	top: -2.8vw;
}
ul.depto_caracteristicas li:last-of-type{
	margin-bottom: 1em;
}
ul.depto_caracteristicas::after {
	content: "____";
	color: #c28b63;
	position: relative;
}
ul.depto_caracteristicas li::before {
	content: "•";
	font-size: 1.5em;
	padding-left: .3em;
	padding-right: 1em;
}
.depto-acabados-int p, .depto-acabados-cocina p {
	margin-top: 0.781vw;
	margin-bottom: 0.781vw;
}
.depto-acabados-int li, .depto-acabados-cocina li {
	margin-bottom: 1.17vw;
}
.modelos_fotos .desktop {
	max-width: 49.06em;
	width: 57.5vw;
	right: 1.99vw;
}
.images-bottom {
	display: flex;
	justify-content: space-around;
	margin-block-end: 6.25vw;
	margin-top: 1.95vw;
	padding-block-end: 1.56vw;
	align-items: baseline;
}
.images-bottom.desktop.penthouse {
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	right: 0;
}
img.prevDirection{
	display: none;
}
.plantas.penthouse {
	display: flex;
	justify-content: center;
}
picture.penthouse_a {
	position: absolute;
	top: 0;
	opacity: 0;
	transition: .3s ease-in-out;
	pointer-events: none;
}
picture.penthouse_a.show{
	opacity: 1;
	pointer-events: unset;
}
picture.penthouse_b {
	position: absolute;
	top: 0;
	opacity: 0;
	transition: .3s ease-in-out;
	pointer-events: none;
}
picture.penthouse_b.show{
	opacity: 1;
	pointer-events: unset;
}
.tabs-planta li {
	display: block;
}
.tabs-planta li:active {
	text-decoration: underline;
}



.modelos_fotos .croquis.estudio{
	max-width: 14.4em;
	width: 16.87vw;
}
.modelos_fotos .view.tipoA {
	max-width: 23.93em;
	width: 28.04vw;
	max-height: 13.46em;
}
.modelos_fotos .view.tipoB {
	max-width: 19.53em;
	width: 22.89vw;
}
.modelos_fotos .view.tipoE {
	max-width: 21.06em;
	width: 24.68vw;
}
.modelos_fotos .view.tipoF {
	max-width: 14.46em;
	width: 16.95vw;
}
.desktop.croquis.estudio {
	max-width: 12.8em;
	width: 15vw;
}
.modelos_fotos .view.estudio1 {
	max-width: 32.39em;
	width: 37.95vw;
	margin-left: 3em;
}
.modelos_fotos .view.estudio2{
	max-width: 32.33em;
	width: 37.89vw;
	margin-left: 3em;
}
.modelos_fotos .view.estudio3{
	max-width: 32.33em;
	width: 37.89vw;
	margin-left: 3em;
}
.modelos_fotos .view.estudio4{
	max-width: 32.33em;
	width: 37.89vw;
	margin-left: 3em;
}
.modelos_fotos .penthouse_a.view{
	max-width: 25.33em;
	width: 29.68vw;
	left: 20vw;
	position: relative;
}
.modelos_fotos .desktop.view.penthouse_a_alta{
	max-width: 17.93em;
	width: 21.01vw;
	left: 20vw;
	position: relative;
}
.modelos_fotos .penthouse_b.view{
	max-width: 21.53em;
	width: 25.23vw;
	left: 20vw;
	position: relative;
}
.modelos_fotos .desktop.view.penthouse_b_alta{
	max-width: 16.06em;
	width: 18.82vw;
	left: 20vw;
	position: relative;
}

.tag_type {
	padding: 0.85vw 5.85vw;
	left: -1em;
	position: absolute;
	font-size: 1.01vw;
	letter-spacing: 0.30em;
	line-height: 1.15;
	top: 50%;
	transform: translateY(-50%) translateX(-60%) rotate(-90deg);
}
/***** SLIDER *****/

.slider-contenedor {
	display: flex;
	width: 100%;
	overflow: hidden;
}
.slide-view {
	flex-shrink: 0;
	max-width: 85.33em;
	width: 100vw;
	transition: .3s ease-in-out;
}

video#videoNaraNaciones{
	width: 100%;
	height: 100%;
}
.slider-indicadores .indicador-slide {
	display: inline-block;
	width: 83px;
	height: 3px;
	background: white;
	opacity: .3;
	margin-right: .5em;
	margin-left: .5em;
}

.slider-indicadores {
	position: absolute;
	bottom: 5em;
	width: 100%;
	text-align: center;
}

section.contenedor.slides-views {
	position: relative;
}

.slider-indicadores .indicador-slide.active {
	opacity: 1;
}
/***** info *****/
.info {
	position: relative;
	display: block;
}
.info .bg-orange {
	max-width: 63.66em;
	margin: 0 auto;
	width: 74.60vw;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
	top: -4.68vw;
	position: relative; 
}
.info .bg-orange h3.white {
	margin-block-end: 2.73vw;
	margin-inline-start: 2.34vw;
	width: 33.90vw;
	max-width: 28.93em;
}
.info .bg-orange h3.white:before {
	content: url(../img/line_before_white_naciones.svg);
	display: block;
}
.info .btn {
	margin-right: 5.85vw;
}
.logo-essential {
	max-width: 9.4em;
	width: 11.01vw;
	position: absolute;
	top: 21.2vw;
	left: 10.54vw;
}
.info picture {
/* 	margin-top: 9.375vw; */
	position: relative;
	display: block;
}
.info picture.mobile{
	display: none;
}

/***** 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;
}
/***** Contacto *****/
section.contact {
	padding:  3.125vw 3.125vw 5.47vw 3.125vw;
}
.contact .contenedor {
	padding: 4.69vw 5.312vw;
}
.formulario {
	width: 34.14vw;
	max-width: 25.70em;
}
.formulario::before{
	content: url(../img/line_before_black_naciones.svg);
	display: inline-block;
	top: -1em;
	position: relative;
}
.formulario h3{
	margin-bottom: 1.56vw;
}
.contact .contenedor p {
	font-size: 1em;
	max-width: 29.29em;
	line-height: 1.66;
	margin-bottom: 1.4em;
	letter-spacing: 0;
}
.input label{
	display: none;
}
input#correo, input#tel {
	margin-top: 2em;
} 
.contact .contenedor p.necesario {
	font-size: 0.705em;
	margin-top: 0.83em;
	margin-bottom: 3.33em;
}

.map {
	width: 44.47vw;
	max-width: 518px;
	max-height: 240px;
	height: 18.75vw;
	margin-right: 10.54vw;
	position: relative;
	overflow: hidden;
}
.geolocation img {
	max-width: 15em;
	width: 17.57vw;
	margin: 2.73vw auto;
}
.geolocation .map img {
	max-width: unset;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: unset;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.contact .contenedor  .direccion {
	font-size: 1em;
	font-weight: 400;
	line-height: 1.66;
	max-width: 20em;
}
footer .copyright a {
	color: #1A1A1A;
}
/******************************* 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{
		margin-bottom: 37em;
	}
	div.header .nav-container{
		padding-left: 7.2em;
		padding-right: 7.2em;
	}
	.nav-container #logo-naciones {
		margin: 4em 0em 2em;
	} 

	.header .bg-orange {
		top: 32em;
	}
	.bg-orange .menu {
		text-decoration: none;
		padding: 0.76em 3.8em;
	}
	.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;
	}

	/***** general *****/
	section.general {
		padding-block-start: 6.66em;
		margin-inline-start: 7.2em;
		margin-inline-end: 7.2em;
	}
	
	.orange.number{
		font-size: 2.13em;
		margin-top: 1.03em;
	}
	.general .text {
		font-size: 1.33em;
	}
	.general .desktop {
		margin-right: 9em;
	}
	.general .logo_naciones{
		margin-top: 2.2em;
	}
	.items.info::before{

	}
	.items.contact {
		margin-top: 5em;
	}
	.items.contact .btn-general{
		left: -6.5em;
	}

	/****** MODELOS ******/
	main.modelos{
		margin-top: 6.66em;
	}
	.contenedor_modelos{
		height: 55em;
	}
	.modelos_infomacion{
		margin-top: 4em;
	}
	.modelo_info .depto_tipo {
		margin-bottom: 0.75em;
		top: -0.7em;
	}
	.modelo_info .mediano.orange {
		top: -2em;
	}
	p.mediano.no-orange {
		top: -2em;
		left: 2em;
	}
	p.mediano.no-orange.penthouse {
		
	}
	.modelo_info ul li {
		font-size: 1em;
	}
	.modelo_info ul.depto_caracteristicas {
		margin-bottom: 1.33em;
		margin-top: 1.33em;
		font-size: 1em;
		top: -2em;
		
	}
	.depto-acabados-int p, .depto-acabados-cocina p {
		margin-top: 0.66em;
		margin-bottom: 0.66em;
	}
	.depto-acabados-int li, .depto-acabados-cocina li {
		margin-bottom: .5em;
		top: -2.5em;
	}
	/*ul.depto-acabados-int li {
		position: relative;
		top: -2.5em;
	}*/
	.modelos_fotos .desktop {
		right: 1.7em;
	}
	.images-bottom{
		margin-top: 1.66em;
		margin-block-end: 5.33em;
		padding-block-end: 1.33em;    
	}
	.tag_type {
		padding: 0.846em 5.76em;
		left: -1em;
		font-size: 0.86em;
	}
	/****** slider *****/

	/***** info *****/
	.info .bg-orange{
		top: -4em;
	}
	.info .bg-orange h3.white {
		margin-block-end: 1.25em;
		margin-inline-start: 1.071em;
	}
	.info .btn {
		margin-right: 5em;
	}   
/* 	.info picture {
		margin-top: 8em;
	}  */
	.logo-essential{
		top: 18.5em;
		left: 9em;
	}
	
	/***** Contacto *****/
	
	section.contact {
		padding: 40px 40px 70px 40px;
	}
	.contact .contenedor {
		padding: 3.53em 4em;
	}
	.formulario {
		max-width: 25.70em;
	}
	.formulario h3{
		margin-bottom: 1.33em;
	}
	.geolocation img{
		margin: 35px auto;
	}
	.map{
		margin-right: 9em;
	}


	/***** 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;
	}
	/**** 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;*/
	}
	#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.ig {
		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;
	}
	section.header {
		margin-bottom: 0vw;
	}
	.header picture .desktop {
		display: none;
	}
	picture.desktop{
		display: none;
	}
	.header picture .mobile {
		display: block;
		margin-top: 4.61em;
	}
	div.header nav{
		display: none;
	}
	div.header .nav-container{
		height: 4.61em;
		position: fixed;
		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: 4.68vw;
	}
	.nav-container .btn{
		width: 5.15em;
	}
	.header picture {
		position: relative;
		display: block;
	}
	.header .bg-orange{
		margin:0  1.6em;
		left: 0;
		padding-bottom: 1.53em;
		top: inherit;
		position: absolute;
		bottom: -3em;
		max-width: 100%;
		width: auto;
		z-index: 0;
	}
	.bg-orange .items{
		grid-template-columns: 1fr;
	}
	.bg-orange .menu {
		font-size: 0.8em;
		letter-spacing: 0.16em;
		margin: 0 auto;
		left: 50%;
		transform: translateX(-50%);
		width: 21.66em;
		padding-left: 1em;
			padding-right: 1em;
	}
	.item h3{
		font-size: 1.33em;
		padding: 0em 1em 1em;
	}
	.bg-orange .item .btn{
		padding-left: 2.16em;
		padding-right: 2.16em;
		left: 0em;
		padding-top: 0.66em;
		padding-bottom: 0.66em;
	}
	
	/****** general ****/
	section.general {
		top: 3.5em;
		grid-template-columns: 1fr;
		padding-bottom: 6.66em;
	}
	.general .logo_naciones {
		max-width: 15em;
		margin: 0 auto;
		width: 100%;
		position: relative;
		display: inherit;
	}
	.items.info::before {
		left: 11vw;
		top: 7vw;
	}
	.orden {
		display: grid;
		grid-template-columns: 1fr 1fr;
		text-align: center;
		row-gap: 1em;
		margin-top: 2em;
		position: relative;
	}
	.orange.number{
		font-size: 2.13em;
		line-height: 1.69;
	}
	.general .text{
		font-size: 1.2em;
		line-height: 1.16;
	}
	.general .desktop{
		display: none;
	}
	.general .mobile{
		display: block;
		margin-top: 2em;
	}

	.items.info {
		grid-column: 1 / 3;
		order: -1;
	}
	.items.image {
		grid-column: 1 / 3;
	}
	.items.contact {
		flex-direction: column;
		align-items: flex-start;
	}
	.general h2.orange {
		width: 100%;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	.items.contact .btn-general {
		width: 100%;
		left: 0;
	}
	.items.contact .btn-general .btn {
		width: 18em;
	}
	/****** modelos *****/
	main#modelos {
		margin-top: 3.5em;
		overflow: hidden;
	}
	.modelos-tab {
		overflow: scroll;
	}
	.modelos-tab li.small {
		flex-shrink: 0;
		padding: 0.5em 1.4em;
	}
	.contenedor_modelos {
		margin-top: 2em;
		height: 75em;
	}
	.modelo_info .orange.depto{
		font-weight: 700;
	}
	.modelo_info .depto_tipo{
		padding-bottom: 0.8em;
	}
	.modelos_infomacion {
		grid-template-columns: 1fr;
		width: 100%;
	}
	.modelo_info {
		grid-row: 2 / 3;
		grid-column: 1 / 4;
		top: -4em;
	}
	.modelo_info::before{
		display: none;
	}
	.modelos_fotos {
		grid-column: 1 / 4;
		margin-top: 4em;
		display: flex;
		flex-direction: column;
	}
	.modelos_fotos picture.mobile{
		order: 2;
		top: 10em;
		position: relative;
	}
	
	.modelo_info ul.depto_caracteristicas{
		font-size: 1em;
		top: -6vw;
	}
	.modelo_info ul li {
		font-size: 1em;
	}
	ul.depto_caracteristicas::after{
		top: -1em;
	}
	.modelo_info .depto-acabados-int .mediano.orange{
		margin-bottom: .7em;
	}
	ul.depto-acabados-int li {
		top: -2em;
		position: relative;
	}
	ul.depto-acabados-cocina {
		margin-top: 1em;
	}
	ul.depto-acabados-cocina li {
		top: -6vw;
	}
	.images-bottom{
		justify-content: center;
	}
	.images-bottom picture.mobile{
		position: absolute;
		top: 0;
		opacity: 0;
		transition: .3s ease-in-out;
		pointer-events: none;
	}
	.images-bottom picture.mobile.showSlideMobile{
		opacity: 1;
	}
	.slider-indicadores {
		display: none;
	}
	img.prevDirection {
		display: block;
		position: relative;
		width: 1.6em;
		top: 6%;
		transform: translateY(-50%);
	}
	img.prevDirection.left{
		position: absolute;
		left: 0;
	}
	img.prevDirection.right{
		position: absolute;
		right: 0;
	}
	.modelos_fotos .mobile .view.tipoA {
		width: 15em;
	}
	.modelos_fotos .mobile.croquis.estudio {
		width: 10.6em;
	}
	.modelos_fotos .mobile .view.tipoB {
		width: 15em;
	}
	.modelos_fotos .mobile .view.tipoE {
		width: 13em;		
	}
	.modelos_fotos .mobile.croquis.tipoE {
		width: 11.6em
	}
	.modelos_fotos .mobile .view.tipoF {
		width: 10em;		
	}
	.modelos_fotos .mobile.croquis.tipoF {
		width: 11.6em
	}
	.modelos_fotos .mobile .view.estudio1 {
		width: 16.26em;
		margin: 0;
		top: 50%;
		transform: translateY(50%);	
	}
	.modelos_fotos .mobile.croquis.estudio {
		width: 11.6em
	}
	.modelos_fotos .mobile .view.estudio2 {
		width: 16.26em;
		margin: 0;
		top: 50%;
		transform: translateY(30%);	
	}
	.modelos_fotos .mobile .view.estudio3 {
		width: 16.26em;
		margin: 0;
		top: 50%;
		transform: translateY(30%);	
	}
	.modelos_fotos .mobile .view.estudio4 {
		width: 16.26em;
		margin: 0;
		top: 50%;
		transform: translateY(30%);	
	}
	.tag_type{
		font-size: 0.8em;
		top: -3em;
		transform: rotate(0deg) translateY(50%);
		left: 0;
		text-align: center;
		padding: 0.83em 5.58em;
	}
	/***** info ******/
	.info picture.mobile {
		display: block;
	}
	.info .bg-orange {
		flex-direction: column;
		max-width: 100%;
		width: auto;
		margin: 0 1.6em;
		padding-bottom: 1.33em;
	}
	.info .bg-orange h3.white{
		width: auto;
	}
	.info .btn {
		margin-right: 0;
		width: 18em;
	}
	.logo-essential {
		display: none;
		top: 14em;
		width: 4em;
	}
	
	
	
	/****** Contact ******/
	.contact .geolocation {
		order: 1;
	}
	.formulario {
		width: 100%;
	}
	.contact .contenedor p.necesario{
		font-size: 0.86em;
		font-weight: 400;
	}
	.formulario .btn {
		width: 19em;
	}
	.geolocation img {
		width: 11.86em;
		margin-bottom: 1.33em;
		margin: 0;
	}
	.contact .contenedor .direccion {
		font-size: 0.86em;
		font-family: 'Montserrat', sans-serif;
		margin: 1.53em 0em 0em 0em;
	}
	
	
	/***** 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;
	}
	.no_mostrar{
		display: none;
	}
	.nav-mobile .copyright p a {
		color: #E3E3E3;
		margin-top: 0.5em;
		text-decoration: underline;
		position: relative;
		display: block;
	}
	
	.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;
	}
}