@charset "utf-8";

@font-face {
	font-family: 'Harume Roman';
	src: url('fonts/Harume Roman.ttf') format('truetype');
	font-weight: 400;
  	font-style: normal;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('fonts/NeueMontreal-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('fonts/NeueMontreal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('fonts/NeueMontreal-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Neue Montreal';
  src: url('fonts/NeueMontreal-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline:0px;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style-type:none;
	list-style-position:outside;
	margin: 0px;
	padding: 0px;
}

a   {
    text-decoration:none;
	color:#4444ff;
}

a:hover {
	color:#0000ff;
}

img	{
	width:auto;
	max-width:100%;
}

body {
	line-height:1;
	cursor:default;
	background-color: #ffffff;
	-webkit-tap-highlight-color: transparent;
}

body.sin-scroll {
	overflow: hidden;
}

body:not(.testing) {
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.cuerpo {
	max-width:100%;
	background-color:#ffffff;
	margin:auto;
}


div.fondoModal {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:rgba(0,0,0,0.7);
	z-index:10000;
 	display: flex;
    align-items: center;
    justify-content: center;
	visibility:hidden;
	opacity: 0;
  	transition: opacity 0.3s ease, visibility 0.3s ease;	
	pointer-events:none;
}

div.fondoModal.visible {
	visibility:visible;
	opacity: 1;
	pointer-events:auto;
}

div.fondoModal div {
	position:relative;
	width:calc(100% - 10%);
	max-width: 1440px;
}

div.fondoModal div .boton-cerrar {
	position:absolute;
	top:-48px;
	right:-48px;
	width:32px;
	height:32px;
	background-image:url(icono-cerrar2.svg);
	background-repeat:no-repeat;
	cursor: pointer;
}


/* Cabecera */

.cabecera {
	position:fixed;
	top:0;
	z-index:200;
	width:100%;
	height: 70px;
	background-color:#1e1e1e;
}

.cuerpo:has(.placa.inicio) .cabecera {
	background-color:transparent;
}

.cuerpo:has(.placa.inicio) .cabecera.sticky,
.cuerpo:has(.placa.inicio) .cabecera.menu-abierto {
	background-color:#1e1e1e;
}

.cabecera .cabecera-interno {
	width:calc(100% - 10%);
	max-width:1440px;	
	margin:auto;
}

.cabecera .logo {
	float:left;
	width:175px;
	height:39px;
	margin-top:16px;
	cursor:pointer;
	background-image:url(logo.svg);
	background-repeat:no-repeat;
	background-size: 100%;
}

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

	.cabecera {
		height: 50px;
	}

	.cabecera .logo {
		width:88px;
		height:20px;	
	}

}


/* Boton menu */

.cabecera .boton-menu {
	position:relative;
	float:right;
	margin-top:18px;
	display:none;
}

.cabecera .boton-menu span {
	display: block;
	width:16px;
	height:16px;
	background-image: url(icono-menu.svg);
}

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

	.cabecera .boton-menu {
		display:block;
	}
	
}


/* Menu */

.cabecera nav.menu-principal ul.nivel0 {
	position:relative;
	display:flex;
	justify-content: right;
	column-gap:40px;
}

.cabecera nav.menu-principal ul.nivel0 li.nivel0 {
	position:relative;
	font-family: 'Neue Montreal';
	font-weight: 500;
	font-size: 16px;	
	margin-top:26px;
}

.cabecera nav.menu-principal ul.nivel0 li.nivel0 > div > a {
	color: #eae6de;
}

.cabecera nav.menu-principal ul.nivel0 li.nivel0.activo > div > a,
.cabecera nav.menu-principal ul.nivel0 li.nivel0:hover > div > a {
	color:#c97d48;
}

.cabecera nav.menu-principal ul.nivel0 li.nivel0.activo:after {
	content:'';
	display:block;
	position:absolute;
	right:0;
	width:34px;
	padding-top:8px;
	border-bottom:1px solid #c97d48;
}

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

	.cabecera .menu {
		position:fixed;
		z-index:300;
		top:50px;
		left:0px;
		width:100%;
		height:calc(100% - 50px);
		background-color:#1e1e1e;
		margin-top:0px;
		margin-left:0px;
		display:none;
		overflow-y: auto;
	}

	.cabecera nav.menu-principal ul.nivel0 {
		position:relative;
		width:calc(100% - 10%);
		padding:0 5% 0 5%;
		display:flex;
		justify-content: center;
		column-gap:32px;
		padding-right:0px;
		flex-wrap:wrap;
	}

	.cabecera nav.menu-principal ul.nivel0 li.nivel0 {
		line-height: 30px;
		margin-top:20px;
		padding-left:12px;
		width:100%;
	}

	.cabecera nav.menu-principal ul.nivel0 li.nivel0.activo:after {
		left:0;
		top:0;
		width:34px;
		height:22px;
		padding-top:8px;
		border-bottom:0;
		border-left:1px solid #c97d48;

	}

}


/* Contenido */

.contenido {
	position:relative;
	z-index:100;
	min-height:calc(100vh - 355px);
	padding-top:70px;
}

.cuerpo:has(.placa.inicio) .contenido {
	padding-top:0px;
}

.contenido .activar {
	opacity:0;
}

.contenido .activo {
	animation:fadein 1s ease forwards;
}

@keyframes fadein{
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
		visibility:initial;
	}
}

.contenido .mobile {
	display:none;
}

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

	.contenido {
		padding-top:50px;
	}

	.contenido .mobile {
		display:block;
	}

	.contenido .desktop {
		display:none;
	}
	
}


/* Mapa */

.contenido > .mapa {
	width:calc(100% - 10%);
	max-width:1440px;
	margin:auto;
	aspect-ratio: 3 / 1;
	border-radius:8px;
	margin-top:80px;
	margin-bottom:80px;
}

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

	.contenido > .mapa {
		margin-top:24px;
		margin-bottom:56px;
		aspect-ratio: 9 / 8;
	}

}


/* Boton */

.contenido .boton {
	font-family: 'Neue Montreal';
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color:#1e1e1e;
	border:1px solid #1e1e1e;
	background-color:#ffffff;
	border-radius:8px;
	padding:12px 16px 12px 16px;
	cursor:pointer;
}

.contenido .boton span {
	background-image: url(flecha-boton.svg);
	background-repeat: no-repeat;
	background-position: right 8px;
	padding:10px 32px 0px 0px;
}

.contenido .boton:hover {
	background-color:#eae6de;
}

@media only screen and (max-width: 800px) {
}


/* Placa Inicio */

.contenido > .placa.inicio {
	width:100%;
	overflow: hidden;   
	background-size: cover;
	background-position: center;
}

.contenido > .placa.inicio .placa-interno {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6));
	height:650px;
	display:flex;
	align-items: center;
}

.contenido > .placa.inicio .titulo {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	font-family: 'Harume Roman';
	font-size: 64px;
	line-height: 70px;
	color:#eae6de;
}

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

	.contenido > .placa.inicio .placa-interno {
		height:400px;
	}
	
	.contenido > .placa.inicio .titulo {
		font-size: 40px;
		line-height: 40px;
	}

}


/* Banner Texto */

.contenido > .bloque.banner_texto {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	margin-top:80px;
}

.contenido > .bloque.banner_texto .bloque-interno {
	display:flex;
	flex-wrap: wrap;
	column-gap: 32px;
}

.contenido > .bloque.banner_texto .bloque-item.titulo {
	width:calc(35% - 16px);
}

.contenido > .bloque.banner_texto .bloque-item.titulo .texto {
	font-family: 'Harume Roman';
	font-size: 16px;
	color:#879668;
	padding-bottom: 4px;
	border-bottom:1px solid #879668;
}

.contenido > .bloque.banner_texto .bloque-item.textos {
	width:calc(65% - 16px);
}

.contenido > .bloque.banner_texto .bloque-item.textos.col50 {
	width:calc(50% - 16px);
}

.contenido > .bloque.banner_texto .bloque-item.textos .titulo {
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 24px;
	color:#1e1e1e;
}

.contenido > .bloque.banner_texto .bloque-item.textos .subtitulo {
	font-family: 'Neue Montreal';
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	color:#1e1e1e;
}

.contenido > .bloque.banner_texto .bloque-item.textos .texto {
	font-family: 'Neue Montreal';
	font-size: 18px;
	line-height: 24px;
	color:#1e1e1e;
}

.contenido > .bloque.banner_texto .bloque-item.textos .texto:not(:first-child) {
	padding-top:16px;
}

.contenido > .bloque.banner_texto .bloque-item.textos .texto li:not(:first-child) {
	padding-top:24px;
}

.contenido > .bloque.banner_texto .bloque-item.textos .texto b {
	font-weight: 700;
}

.contenido > .bloque.banner_texto .bloque-item.textos .texto.chico {
	font-family: 'Neue Montreal';
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color:#8e8e93;
}

.contenido > .bloque.banner_texto .bloque-item.textos .texto.chico2 {
	font-family: 'Neue Montreal';
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.contenido > .bloque.banner_texto .bloque-item.textos .enlace {
	display:block;
	font-family: 'Neue Montreal';
	font-size: 18px;
	line-height: 22px;
	line-height: 24px;
	color:#1e1e1e;
	padding-top:24px;
	text-decoration: underline;
}

.contenido > .bloque.banner_texto .bloque-item.textos .enlace:hover {
	color:#c97d48;
}

.contenido > .bloque.banner_texto button {
	margin-top:32px;
}

.contenido > .bloque.banner_texto .bloque-item.imagen {
	width:100%;
	margin-top:48px;
}

.contenido > .bloque.banner_texto .bloque-item.imagen .imagen img {
	border-radius: 8px;
}

.contenido > .bloque.banner_texto .bloque-item.mapa {
	width:calc(50% - 16px);
}

.contenido > .bloque.banner_texto .bloque-item.mapa .mapa {
	width:100%;
	aspect-ratio: 3 / 1;
	border-radius:8px;
}

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

	.contenido > .bloque.banner_texto {
		margin-top:24px;
	}

	.contenido > .bloque.banner_texto .bloque-item.titulo {
		width:100%;
	}

	.contenido > .bloque.banner_texto .bloque-item.textos,
	.contenido > .bloque.banner_texto .bloque-item.textos.col50 {
		width:100%;
	}

	.contenido > .bloque.banner_texto .bloque-item.textos .titulo {
		font-size: 18px;
		padding-top:32px;
	}

	.contenido > .bloque.banner_texto .bloque-item.textos .subtitulo {
		font-size: 18px;
		line-height: 28px;
		padding-top: 16px;
	}

	.contenido > .bloque.banner_texto .bloque-item.textos .texto {
		font-size: 14px;
		line-height: 20px;
		padding-top: 16px;
	}

	.contenido > .bloque.banner_texto button {
		margin-top:24px;
	}

	.contenido > .bloque.banner_texto .bloque-item.imagen {
		margin-top:24px;
	}

	.contenido > .bloque.banner_texto .bloque-item.mapa {
		width:100%;
		padding-top: 16px;
	}

	.contenido > .bloque.banner_texto .bloque-item.mapa .mapa {
		aspect-ratio: 9 / 8;
	}

}


/* Bloque Lista Proyectos */

.contenido > .bloque.lista_proyectos {
	width:100%;
	margin-top:48px;
}

.contenido > .bloque.lista_proyectos.conMargen {
	margin-top:80px;
	padding-bottom:80px;	
}

.contenido > .bloque.lista_proyectos.conMargen2 {
	margin-top:80px;
}

.contenido > .bloque.lista_proyectos .bloque-interno {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	column-gap: 32px;
	row-gap: 32px;
}

.contenido > .bloque.lista_proyectos .bloque-titulo {
	width:100%;
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 24px;
	color:#1e1e1e;
}

.contenido > .bloque.lista_proyectos .bloque-item {
	width:calc(50% - 16px);
	position:relative;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .imagen {
	height: 100%;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .imagen::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .imagen img {
	display: block;
	border-radius: 8px;
	height:100%;
	aspect-ratio: 3/2;
	object-fit: cover;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .titulo {
	position:absolute;
	top: 24px;
	left: 0;
	font-family: 'Neue Montreal';
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 5%;
	color:#eae6de;
	background-color: #1e1e1e;
	border-radius: 0 8px 8px 0;
	padding: 16px 24px 16px 24px;
	transition: opacity 0.3s ease;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .boton {
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color:#eae6de;
	background-color: #1e1e1e;
	border:1px solid #1e1e1e;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .boton:hover {
	background-color: #c97d48;
	border:1px solid #c97d48;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen .boton span {
	background-image: url(flecha-boton2.svg);
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen:hover .imagen::after,
.contenido > .bloque.lista_proyectos .bloque-item.imagen:hover .boton {
	opacity: 1;
}

.contenido > .bloque.lista_proyectos .bloque-item.imagen:hover .titulo {
	opacity: 0;
}

.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla {
	width:100%;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	row-gap: 8px;
}

.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla div {
	font-family: 'Neue Montreal';
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color:#1e1e1e;
	padding-left:24px;
}

.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla .titulo {
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	color:#879668;
	padding-bottom:8px;
	border-bottom:1px solid #879668;
}

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

	.contenido > .bloque.lista_proyectos {
		margin-top:24px;
	}

	.contenido > .bloque.lista_proyectos.conMargen {
		margin-top:24px;
		padding-bottom:56px;	
	}

	.contenido > .bloque.lista_proyectos.conMargen2 {
		margin-top:24px;
	}

	.contenido > .bloque.lista_proyectos .bloque-item {
		width:100%;
	}


	.contenido > .bloque.lista_proyectos .bloque-item.imagen .titulo {
		font-size: 16px;
		padding: 12px;	
	}

	.contenido > .bloque.lista_proyectos .bloque-item.imagen:hover .imagen::after,
	.contenido > .bloque.lista_proyectos .bloque-item.imagen:hover .boton {
		opacity: 0;
	}

	.contenido > .bloque.lista_proyectos .bloque-item.imagen:hover .titulo {
		opacity: 1;
	}

	.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla {
		grid-template-columns: 1fr;
	}

	.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla div {
		line-height: 16px;
	}

	.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla div:nth-child(3n) {
		border-bottom:1px solid #879668;
		padding-bottom:10px;
	}

	.contenido > .bloque.lista_proyectos .bloque-item.precios .precios-tabla .titulo {
		display:none;
	}

}


/* Banner Contacto */

.contenido > .bloque.banner_contacto {
	width:100%;
	margin-top:80px;
	background-color: #eae6de;
}

.contenido > .bloque.banner_contacto .bloque-interno {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	padding:80px 0 80px 0;
}

.contenido > .bloque.banner_contacto .bloque-item {
	text-align: center;
}

.contenido > .bloque.banner_contacto .titulo {
	font-family: 'Harume Roman';
	font-size: 58px;
	color:#1e1e1e;
}

.contenido > .bloque.banner_contacto .texto {
	font-family: 'Neue Montreal';
	font-size: 14px;
	line-height: 20px;
	color:#1e1e1e;
	padding-top:16px;
}

.contenido > .bloque.banner_contacto .boton {
	margin-top:32px;
	color:#eae6de;
	background-color: #1e1e1e;
}

.contenido > .bloque.banner_contacto .boton:hover {
	background-color: #c97d48;
	border:1px solid #c97d48;
}

.contenido > .bloque.banner_contacto .boton span {
	background-image: url(flecha-boton2.svg);
}


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

	.contenido > .bloque.banner_contacto {
		margin-top:56px;
	}

	.contenido > .bloque.banner_contacto .bloque-interno {
		padding:48px 0 48px 0;
	}

	.contenido > .bloque.banner_contacto .titulo {
		font-size: 32px;
	}

}


/* Bloque nosotros */

.contenido > .bloque.nosotros {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	margin-top:80px;
}

.contenido > .bloque.nosotros .bloque-interno {
	display:flex;
	align-items: stretch; 
	column-gap: 48px;
}

.contenido > .bloque.nosotros .bloque-item {
	width:50%;
}

.contenido > .bloque.nosotros .titulo {
	font-family: 'Harume Roman';
	font-size: 58px;
	color:#1e1e1e;
}

.contenido > .bloque.nosotros .subtitulo {
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 24px;
	color:#1e1e1e;
	margin-top:48px;
}

.contenido > .bloque.nosotros .texto {
	font-family: 'Neue Montreal';
	font-size: 14px;
	line-height: 24px;
	color:#1e1e1e;
	padding-top:16px;
}

.contenido > .bloque.nosotros .texto b {
	font-weight: 700;
}

.contenido > .bloque.nosotros .bloque-item:nth-child(2) .imagen {
	height:0;
	min-height:100%;
}

.contenido > .bloque.nosotros .bloque-item:nth-child(2) .imagen img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

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

	.contenido > .bloque.nosotros {
		margin-top:24px;
	}

	.contenido > .bloque.nosotros .bloque-interno {
		flex-wrap: wrap;
	}

	.contenido > .bloque.nosotros .bloque-item {
		width:100%;
	}

	.contenido > .bloque.nosotros .titulo {
		font-size: 32px;
	}

	.contenido > .bloque.nosotros .subtitulo {
		margin-top:24px;
	}

	.contenido > .bloque.nosotros .bloque-item:nth-child(2) .imagen {
		height:auto;
		margin-top:24px;
	}

}


/* Bloque pilares */

.contenido > .bloque.pilares {
	width:100%;
	margin-top:80px;
	background-color: #f7f6f6;
}

.contenido > .bloque.pilares .bloque-interno {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	column-gap: 48px;
	padding:48px 0 48px 0;
}

.contenido > .bloque.pilares .bloque-item {
	width:calc(50% - 24px);
}

.contenido > .bloque.pilares .titulo {
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 24px;
	color:#879668;
}

.contenido > .bloque.pilares .texto {
	font-family: 'Neue Montreal';
	font-size: 14px;
	line-height: 24px;
	color:#1e1e1e;
	padding-top:16px;
}

.contenido > .bloque.pilares .texto b {
	font-weight: 700;
}

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

	.contenido > .bloque.pilares {
		margin-top:24px;
	}

	.contenido > .bloque.pilares .bloque-interno {
		padding:24px 0 24px 0;
	}

	.contenido > .bloque.pilares .bloque-item {
		width:100%;
	}

	.contenido > .bloque.pilares .bloque-item:not(:first-child) .titulo {
		padding-top:24px;
	}

}


/* Bloque valores */

.contenido > .bloque.valores {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	margin-top:80px;
}

.contenido > .bloque.valores .imagen img {
	display:block;
	margin:auto;
}

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

	.contenido > .bloque.valores {
		margin-top:24px;
	}

}


/* Bloque contacto */

.contenido > .bloque.contacto {
	width:100%;
	background-color: #eae6de;
}

.contenido > .bloque.contacto .bloque-interno {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	padding:80px 0 80px 0;
}

.contenido > .bloque.contacto .bloque-item:nth-child(1) {
	width:100%;
	padding-bottom: 32px;
}

.contenido > .bloque.contacto .bloque-item:nth-child(2) {
	width:35%;
	margin-top:-16px;
}

.contenido > .bloque.contacto .bloque-item:nth-child(3) {
	width:65%;
}

.contenido > .bloque.contacto .titulo {
	font-family: 'Harume Roman';
	font-size: 58px;
	color:#1e1e1e;
}

.contenido > .bloque.contacto .texto {
	font-family: 'Neue Montreal';
	font-size: 16px;
	line-height: 24px;
	color:#1e1e1e;
	padding-top:16px;
}

.contenido > .bloque.contacto .enlace {
	display: block;
	font-family: 'Neue Montreal';
	font-size: 16px;
	line-height: 24px;
	color:#1e1e1e;
	padding-top:16px;
}

.contenido > .bloque.contacto .enlace.telefono {
	background-image: url(icono-telefono.svg);
	background-repeat: no-repeat;
	background-position: 0 16px;
	line-height: 44px;
	padding-left:60px;
}

.contenido > .bloque.contacto .enlace.mail {
	background-image: url(icono-mail.svg);
	background-repeat: no-repeat;
	background-position: 0 16px;
	line-height: 44px;
	padding-left:60px;
}

.contenido > .bloque.contacto .texto.ubicacion {
	background-image: url(icono-ubicacion.svg);
	background-repeat: no-repeat;
	background-position: 0 16px;
	line-height: 22px;
	padding-left:60px;
}

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

	.contenido > .bloque.contacto .bloque-interno {
		padding:24px 0 24px 0;
	}

	.contenido > .bloque.contacto .bloque-item:nth-child(1) {
		padding-bottom: 24px;
	}

	.contenido > .bloque.contacto .bloque-item:nth-child(2) {
		width:100%;
	}

	.contenido > .bloque.contacto .bloque-item:nth-child(3) {
		width:100%;
		padding-top:56px;
	}

	.contenido > .bloque.contacto .titulo {
		font-size: 32px;
	}

}


/* Bloque proyectos */

.contenido > .bloque.proyectos {
	width:100%;
}

.contenido > .bloque.proyectos .bloque-interno {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	padding-top:80px;
}

.contenido > .bloque.proyectos .titulo {
	font-family: 'Harume Roman';
	font-size: 58px;
	color:#1e1e1e;
}

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

	.contenido > .bloque.proyectos .bloque-interno {
		padding-top:24px;
	}

	.contenido > .bloque.proyectos .titulo {
		font-size: 32px;
	}

}


/* Lista Galeria */	

.contenido .lista.galeria {
	width:calc(100% - 10%);
	max-width:1440px;
	margin:auto;
	margin-top:80px;	
}

.contenido .lista.galeria .lista-titulo {
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 24px;
	color:#1e1e1e;
	padding-bottom:24px;
}

.contenido .lista.galeria ul.lista-items {
	display:grid;
	grid-template-columns: repeat(4,1fr);
	gap:8px;
	flex-wrap: wrap;
}

.contenido .lista.galeria.elementos ul.lista-items {
	gap:32px;
}

.contenido .lista.galeria ul.lista-items .lista-item {
	width:100%;
	height:100%;
	grid-row: var(--data-row);
	grid-column: var(--data-col);
}

.contenido .lista.galeria.elementos ul.lista-items .lista-item {
	grid-row: span 2;
	grid-column: span 2;
}

.contenido .lista.galeria ul.lista-items .lista-item .lista-item-detalle {
	width: 100%;
	height: 100%;
}

.contenido .lista.galeria ul.lista-items .lista-item .lista-item-detalle .lista-item-imagen {
	display: block; 
	width:100%;
	height:100%;
	border-radius:8px;
	object-fit: cover;
	aspect-ratio: 4/3;
}	

.contenido .lista.galeria:not(.elementos) ul.lista-items .lista-item .lista-item-detalle .lista-item-imagen {
	cursor: pointer;
}	

.contenido .lista.galeria.elementos ul.lista-items .lista-item .lista-item-detalle .lista-item-imagen {
	height:calc(100% - 42px);
}

.contenido .lista.galeria ul.lista-items .lista-item .lista-item-detalle .lista-item-texto {
	font-family: 'Neue Montreal';
	font-weight: 400;
	font-size: 20px;
	color:#1e1e1e;
	padding-top:24px;
}

.contenido .lista.galeria.elementos ul.lista-items .lista-item .lista-item-detalle .lista-item-imagen {
	aspect-ratio: 3/2;
}

.contenido .lista.galeria ul.lista-items .lista-item .lista-item-detalle .lista-item-imagen.vertical {
	aspect-ratio: 2/3;
}

.contenido .lista.galeria .lista-thumbs {
	display:none;
}

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

	.contenido .lista.galeria {
		margin-top:56px;	
	}

	.contenido .lista.galeria ul.lista-items {
		display:flex;
		flex-wrap: nowrap;
		column-gap:0px;
		overflow-x: auto;
		overflow-y: hidden;
		//scroll-behavior: smooth;
		scroll-behavior: auto;
		//scroll-snap-type: x mandatory; 
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		align-items: flex-start;
	}

	.contenido .lista.galeria ul.lista-items::-webkit-scrollbar {
		display: none;
	}

	.contenido .lista.galeria.elementos ul.lista-items {
		flex-wrap: wrap;
	}

	.contenido .lista.galeria ul.lista-items .lista-item {
		position:relative;
		z-index: 1;
		width:100%;
		flex-shrink: 0;
		scroll-snap-align: start; 
	}

	.contenido .lista.galeria:not(.elementos) .lista-thumbs {
		display: block;
		width:100%;
	}

	.contenido .lista.galeria .lista-thumbs ul {
		display:flex;
		column-gap: 8px;
		width: fit-content;
		margin: auto;
		padding-top:16px;
	}

	.contenido .lista.galeria .lista-thumbs ul li {
		width:5px;
		height:5px;
		border-radius: 50%;
		background-color: #d0c7be;
	}

	.contenido .lista.galeria .lista-thumbs ul li.activo {
		background-color: #879668;
	}

}


/* Lista Detalles */	

.contenido .lista.detalles {
	width:calc(100% - 10%);
	max-width:1440px;
	margin:auto;
	margin-top:80px;	
}

.contenido .lista.detalles ul.lista-items {
	display:flex;
	gap:26px;
}

.contenido .lista.detalles ul.lista-items .lista-item {
	width:calc(100% - 2px);
	border:1px solid #d0c7be;
	border-radius: 8px;
}

.contenido .lista.detalles ul.lista-items .lista-item .lista-item-detalle {
	width: 100%;
	display:grid;
	grid-template-columns: 25% 75%;
}

.contenido .lista.detalles ul.lista-items .lista-item .lista-item-detalle .lista-item-imagen {
	grid-column: 1;
	grid-row: 1 / span 2;
	width:100%;
	aspect-ratio: 115/100;
	object-fit: cover;
	border-radius: 4px 0 0 4px;
}

.contenido .lista.detalles ul.lista-items .lista-item .lista-item-detalle .lista-item-subtitulo {
	grid-column: 2;
	font-family: 'Neue Montreal';
	font-weight: 400;
	font-size: 14px;
	color:#1e1e1e;
	align-self: end;
	padding-left:24px;
	padding-bottom: 4px;
}

.contenido .lista.detalles ul.lista-items .lista-item .lista-item-detalle .lista-item-texto {
	grid-column: 2;
	font-family: 'Neue Montreal';
	font-weight: 400;
	font-size: 20px;
	color:#1e1e1e;
	padding-left:24px;
	padding-top: 4px;
}

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

	.contenido .lista.detalles {
		margin-top:56px;	
	}

	.contenido .lista.detalles ul.lista-items {
		flex-wrap: wrap;
	}

}


/* Lista Estado */	

.contenido .lista.estado {
	width:calc(100% - 10%);
	max-width:1440px;
	margin:auto;
	margin-top:80px;	
}

.contenido .lista.estado .lista-titulo {
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 24px;
	color:#1e1e1e;
	padding-bottom:30px;
}

.contenido .lista.estado ul.lista-items {
	display:flex;
}

.contenido .lista.estado ul.lista-items .lista-item {
	width:100%;
}

.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle {
	width: 100%;
	position:relative;
}

.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle .lista-item-texto {
	font-family: 'Neue Montreal';
	font-weight: 500;
	font-size: 16px;
	color:#1e1e1e;
	padding-top:44px;
}

.contenido .lista.estado ul.lista-items .lista-item.proximo .lista-item-detalle .lista-item-texto {
	color:#c0c0c0;
}

.contenido .lista.estado ul.lista-items .lista-item.proximo2 .lista-item-detalle .lista-item-texto {
	color:#e5e5e5;
}

.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle .lista-item-texto:before {
	content:'';
	position:absolute;
	top:7px;
	left:0px;
	width:100%;
	height:2px;
	background: linear-gradient(to right, #8e8e8e, #8e8e8e);
}

.contenido .lista.estado ul.lista-items .lista-item.actual .lista-item-detalle .lista-item-texto:before {
	background: linear-gradient(to right, #8e8e8e, #c0c0c0);
}

.contenido .lista.estado ul.lista-items .lista-item.proximo .lista-item-detalle .lista-item-texto:before {
	background: linear-gradient(to right, #c0c0c0, #e5e5e5);
}

.contenido .lista.estado ul.lista-items .lista-item.proximo2 .lista-item-detalle .lista-item-texto:before {
	background: linear-gradient(to right, #e5e5e5, #e5e5e5);
}

.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle .lista-item-texto:after {
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	width:16px;
	height:16px;
	background-color: #879668;
	border-radius: 50%;
}

.contenido .lista.estado ul.lista-items .lista-item.proximo .lista-item-detalle .lista-item-texto:after {
	background-color:#c0c0c0;
}

.contenido .lista.estado ul.lista-items .lista-item.proximo2 .lista-item-detalle .lista-item-texto:after {
	background-color:#e5e5e5;
}

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

	.contenido .lista.estado {
		margin-top:56px;	
	}

	.contenido .lista.estado ul.lista-items {
		flex-wrap: wrap;
	}

	.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle .lista-item-texto {
		padding-top:0px;
		padding-left:56px;
		padding-bottom:50px;
	}

	.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle .lista-item-texto:before {
		top:0xp;
		left:27px;
		width:2px;
		height:100%;
	}

	.contenido .lista.estado ul.lista-items .lista-item:last-child .lista-item-detalle .lista-item-texto:before {
		display:none;
	}

	.contenido .lista.estado ul.lista-items .lista-item .lista-item-detalle .lista-item-texto:after {
		left:20px;
	}

}


/* Lista slide_galeria */

.lista.slide_galeria {
	position:relative;
	width:100%;
	max-width:1440px;
	margin:auto;
}

.lista.slide_galeria .lista-controles {
	position:absolute;
	width:100%;
	left:0;
	top:calc(50% - 16px);
}

.lista.slide_galeria .lista-boton-anterior {
	position:absolute;
	left: -48px;
	width:32px;
	height:32px;
	background-image:url(icono-anterior2.svg);
	background-repeat:no-repeat;
	cursor: pointer;
}

.lista.slide_galeria .lista-boton-siguiente {
	position:absolute;
	right:-48px;
	width:32px;
	height:32px;
	background-image:url(icono-siguiente2.svg);
	background-repeat:no-repeat;
	cursor: pointer;
}

.lista.slide_galeria .lista-boton-anterior.activo,
.lista.slide_galeria .lista-boton-siguiente.activo {
	cursor:pointer;	
}

.lista.slide_galeria ul.lista-items {
	display:flex;
	column-gap:0px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory; 
	-webkit-overflow-scrolling: touch;
	align-items: flex-start;
	width:100%;
	height:80vh;
}

.lista.slide_galeria ul.lista-items::-webkit-scrollbar {
	display: none;
}

.lista.slide_galeria ul.lista-items .lista-item {
	position:relative;
	z-index: 1;
	flex-shrink: 0;
	scroll-snap-align: start; 
	width:100%;
	height:100%;
}

.lista.slide_galeria ul.lista-items .lista-item .lista-item-detalle {
	width:100%;
	height:100%;
	background-color: rgb(0,0,0,0.9); 
	display: flex;
	justify-content: center;
	align-items: center;
}

.lista.slide_galeria ul.lista-items .lista-item .lista-item-detalle img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lista.slide_galeria ul.lista-items .lista-item.vertical .lista-item-detalle img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/* Lista Slides */	

.contenido .lista.slide {
	position:relative;
	width:calc(100% - 56px);
	padding:0 28px 0 28px;
}

.contenido .lista.slide .lista-controles {
	position:absolute;
	width:100%;
	left:0;
	top:calc(50% - 13px);
}

.contenido .lista.slide .lista-boton-anterior {
	position:absolute;
	width:14px;
	height:26px;
	background-image:url(icono-anterior.svg);
	background-repeat:no-repeat;
}

.contenido .lista.slide .lista-boton-siguiente {
	position:absolute;
	right:0px;
	width:14px;
	height:26px;
	background-image:url(icono-siguiente.svg);
	background-repeat:no-repeat;
}

.contenido .lista.slide .lista-boton-anterior.activo,
.contenido .lista.slide .lista-boton-siguiente.activo {
	cursor:pointer;	
}

.contenido .lista.slide ul.lista-items {
	display:flex;
	column-gap:0px;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory; 
	-webkit-overflow-scrolling: touch;
	align-items: flex-start;
}

.contenido .lista.slide ul.lista-items::-webkit-scrollbar {
	display: none;
}

.contenido .lista.slide ul.lista-items .lista-item {
	position:relative;
	z-index: 1;
	width:100%;
	flex-shrink: 0;
	scroll-snap-align: start; 
}

.contenido .lista.slide ul.lista-items .lista-item > .lista-item-titulo {
	width:100%;
	font-family: 'Neue Montreal';
	font-weight: 700;
	font-size: 16px;
	color: #1e1e1e;
	text-align: center;
	padding-bottom: 32px;
}

.contenido .lista.slide ul.lista-items .lista-item > .lista-item-detalle {
	aspect-ratio: 3/2;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items {
	position:relative;
	width:100%;
	height:100%;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item {
	position:absolute;
	width:auto;
	top: var(--data-row);
	left: var(--data-col);
	cursor:pointer;
}

.contenido .prueba-ext {
	position: absolute;
	width:calc(100% - 56px);
	height:calc(100% - 56px);
	padding:28px;
	top:0px;
	z-index: 3000;
	display:none;
	pointer-events: none;
}

.contenido .prueba-ext.abierto {
	display:block;
}

.contenido .prueba-int {
	position:relative;
	width:248px;
	height:186px; /* el aspect ratio de la imagen es 4/3 */
}

.contenido .prueba {
	pointer-events: auto;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-titulo {
	font-family: 'Neue Montreal';
	font-size: 22px;
	font-weight:300;
	letter-spacing: 5%;
	padding:0px;
	color:#f7f6f6;
	background-color:#879668;
	border-radius: 4px;
	padding:10px 7px 10px 7px;
	position:relative;
	z-index: 1500;
}

.contenido .prueba .lista-item-titulo {
	display: none;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-icono {
	position:absolute;
	width:40px;
	height:40px;
	top:50px;
	left:50%;
	transform: translateX(-50%);
	background-image: url(icono-vermas.svg);
	background-size: 100%;
	background-repeat: no-repeat;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item:hover .lista-item-icono,
.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item.abierto .lista-item-icono {
	background-image: url(icono-vermas2.svg);
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-detalle {
	position:absolute;
	width:240px;
	top:-188px;
	left:50%;
	transform: translateX(-50%);
	display: none;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-detalle .lista-item-subtitulo,
.contenido .prueba .lista-item-subtitulo {
	position:absolute;
	top:8px;
	right:8px;
	width:24px;
	height:24px;
	background-image:url(icono-cerrar.svg);
	background-repeat: no-repeat;
	cursor: pointer;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-detalle .lista-item-texto,
.contenido .prueba .lista-item-texto {
	position:absolute;
	top:20px;
	font-family: 'Neue Montreal';
	font-size: 14px;
	font-weight:400;
	color:#ffffff;
	background-color: #879668;
	border-radius: 0 4px 4px 0;
	padding:6px 16px 6px 16px;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item.abierto .lista-item-detalle {
//	display:block;
}

.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-detalle img,
.contenido .prueba .lista-item-detalle img {
	border-radius: 8px;
	aspect-ratio: 4 / 3;
	object-fit:cover;
}

.contenido .lista.slide .lista-thumbs {
	width:100%;
}

.contenido .lista.slide .lista-thumbs ul {
	display:flex;
	column-gap: 8px;
	width: fit-content;
	margin: auto;
	padding-top:16px;
}

.contenido .lista.slide .lista-thumbs ul li {
	width:5px;
	height:5px;
	border-radius: 50%;
	background-color: #d0c7be;
}

.contenido .lista.slide .lista-thumbs ul li.activo {
	background-color: #879668;
}

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

	.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-titulo {
		font-size: 18px;
		padding:4px;
	}

	.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-icono {
		width:30px;
		height:30px;
		top:30px;
	}

	.contenido .lista.slide ul.lista-items .lista-item .lista.unidades .lista-items .lista-item .lista-item-detalle {
		top:-120px;
		left:20px;
		z-index: 2000;
	}

}


/* Formulario */

.contenido .formulario {
	width:100%;
	position:relative;
}

.contenido .formulario.proyecto {
	max-width:800px;
	margin:auto;
	margin-top:24px;
}

.contenido .formulario ul {
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap:24px;
}

.contenido .formulario ul .formulario-campo.span2 {
	grid-column: span 2;
}

.contenido .formulario ul .formulario-campo.span3 {
	grid-column: span 3;
}

.contenido .formulario ul .formulario-campo input,
.contenido .formulario ul .formulario-campo textarea {
	width:calc(100% - 28px);
	display:block;
	border:none;
	outline:none;
	background-color:#ffffff;
	color:#1e1e1e;
	border-radius:4px;
	padding:12px 14px 12px 14px;
	font-family: 'Neue Montreal';
	font-size: 16px;
}

.contenido .formulario ul .formulario-campo input::placeholder,
.contenido .formulario ul .formulario-campo textarea::placeholder {
	color:#1e1e1e;
}

.contenido .formulario ul .formulario-campo textarea {
	height:100px;
	line-height:20px;
	resize: none;
}

.contenido .formulario ul input:-webkit-autofill,
.contenido .formulario ul input:-webkit-autofill:hover, 
.contenido .formulario ul input:-webkit-autofill:focus,
.contenido .formulario ul textarea:-webkit-autofill,
.contenido .formulario ul textarea:-webkit-autofill:hover,
.contenido .formulario ul textarea:-webkit-autofill:focus {
	-webkit-text-fill-color:#666666;
	-webkit-box-shadow: 0 0 0px 1000px #eeeeee inset;
	transition: background-color 5000s ease-in-out 0s;
}

.contenido .formulario ul .formulario-campo .formulario-campo-mensaje {
	font-family: 'Neue Montreal';
	font-size: 14px;
	color:#223e00;	
	position:absolute;
	margin-top:6px;
	padding-left:4px;
	display:none;
}

.contenido .formulario ul .formulario-campo .formulario-campo-mensaje.error {
	color:#d61e15;	
}

.contenido .formulario ul .formulario-campo .boton {
	margin:0px;
	position:relative;
	color:#eae6de;
	background-color: #1e1e1e;
}

.contenido .formulario ul .formulario-campo .boton:hover {
	background-color: #c97d48;
	border:1px solid #c97d48;
}

.contenido .formulario ul .formulario-campo .boton span {
	background-image: url(flecha-boton2.svg);
}

.formulario .boton.enviando:before {
	content:'';
	position:absolute;
	width:auto;
	height:100%;
	top:0;
	left:0%;
	right:0%;
	border-radius:4px;
	background-color:rgba(125,125,125,0.3);
	animation: slide 6s linear infinite;
}

@keyframes slide {
    0% {
        right:100%;
    }
  
    100% {
        right:0%;
    }
}

.contenido .formulario .formulario-mensaje {
	font-family: 'Neue Montreal';
	font-size: 14px;
	color:#1e1e1e;	
	position:absolute;
	margin-top:6px;
	padding-left:4px;
	display:none;
}

.contenido .formulario .formulario-mensaje.error {
	color:#d61e15;	
}

.contenido .formulario .formulario-procesado {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-family: 'Neue Montreal';
	font-size: 16px;
	color:#1e1e1e;
	background-color: #eae6de;
	border-radius: 4px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	display: none;
}

.contenido .formulario .formulario-procesado.activo {
	display: flex;
	animation: aparecerSuave 0.5s ease-out forwards;
}

@keyframes aparecerSuave {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
	
@media only screen and (max-width: 800px) {

	.contenido .formulario ul {
		grid-template-columns: 1fr;
	}

	.contenido .formulario ul .formulario-campo.span2 {
		grid-column: span 1;
	}

	.contenido .formulario ul .formulario-campo.span3 {
		grid-column: span 1;
	}

}


/* Pie de pagina */

.pie {
	width:100%;
	background-color: #1e1e1e;
}

.pie-interno {
	width:calc(100% - 10%);
	max-width: 1440px;
	margin:auto;
	padding: 42px 0 0 0;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pie .pie-datos .pie-logo {
	width: 216px;
	cursor:pointer;
}

.pie .pie-datos .pie-logo img {
	width:100%;
}

.pie nav.pie-menu {
	font-family: 'Neue Montreal';
	font-weight: 300;
	letter-spacing: 5%;
	font-size: 16px;
	line-height: 24px;
	color:#eae6de;
}

.pie nav.pie-menu ul.nivel0 {
	display:flex;
	padding-top:32px;
	column-gap: 100px;
}

.pie nav.pie-menu ul.nivel0 li.nivel0 .submenu {
	padding-top:8px;
}

.pie nav.pie-menu ul.nivel0 li.nivel1 {
	font-weight: 500;
	letter-spacing: 0;
	padding-top:12px;
}

.pie .pie-menu ul li a {
	display: block;
	color:#eae6de;
}

.pie .pie-menu ul li a[href]:hover {
	color:#c97d48;
}

.pie .pie-fin {
	width:100%;
	margin-top:50px;
	padding:40px 0 40px 0;
	display:grid;
	grid-template: 1fr max-content;
}

.pie .pie-fin:before {
	content:'';
	position:absolute;
	left:0;
	width:100%;
	margin-top:-40px;
	border-top:1px solid #cbc0ab;
}

.pie .pie-fin .pie-terminos {
	font-family: 'Neue Montreal';
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	color:#eae6de;
}

.pie .pie-fin .pie-terminos ul {
	display:flex;
	flex-wrap: wrap;
	column-gap: 8px;
	row-gap: 16px;
}

.pie .pie-fin .pie-terminos a {
	color:#F5F6E4;
}

.pie .pie-fin .pie-terminos a:hover {
	color:#c97d48;
}

.pie .pie-datos .pie-redes ul {
	display:none;
}

.pie .pie-fin .pie-redes {
	grid-column: 2;
	justify-self: end;
}

.pie .pie-fin .pie-redes ul li {
	float:left;
}

.pie .pie-fin .pie-redes ul li:not(:first-child) {
	margin-left:10px;
}

.pie .pie-redes ul li a {
	display: inline-block;
	width:20px;
	height:20px;
	background-repeat: no-repeat;
	background-position: center center;
}

.pie .pie-redes ul li.pie-redes-instagram a {
	background-image:url(icono-instagram.svg);	
}

.pie .pie-redes ul li.pie-redes-linkedin a {
	background-image:url(icono-linkedin.svg);	
}

.pie .pie-redes ul li > a > span {
	display: block;
	width: 100%;
	height: 100%;
}


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

	.pie .pie-datos {
		width:100%;
	}

	.pie .pie-datos .pie-logo {
		max-width: 90px;
		margin:auto;
	}

	.pie .pie-datos .pie-redes ul {
		display:flex;
		justify-content: center;
		margin-top:40px;
		gap:20px;
	}

	.pie nav.pie-menu {
		width:100%;
		text-align: center;
	}

	.pie nav.pie-menu ul.nivel0 {
		flex-wrap: wrap;
		width:100%;
		padding-top:0px;
	}

	.pie nav.pie-menu ul.nivel0 li.nivel0 {
		width:100%;
		padding-top:32px;
	}

	.pie .pie-fin .pie-terminos ul {
		justify-content: center;
	}

	.pie .pie-fin .pie-redes {
		display:none;
	}
	
}