@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&Quicksand:wght@300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body, html{
	font-family:'Montserrat',serif;
	font-size:14px;
	line-height:1
}
ul{
		padding:10px 0
}
ul li{
		line-height:1.5
}
.menu-toggle{
		display:none !important
}
/* Mostrar la fila/widget correspondiente al idioma actual */
body.lang-es #contacto,
body.lang-es .widget-contacto-es {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}
body.lang-en #contactus,
body.lang-en .widget-contacto-en {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}
/* Para la bandera de español */
#menu-item-1217-en img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 11px !important;
    /* Asegúrate de que no haya margen negativo o padding extraño */
    margin: 0 !important;
    padding: 0 !important;
}

/* Si tienes más idiomas, necesitarás sus IDs. 
   Por ejemplo, si la bandera de inglés fuera menu-item-1218-es: */
#menu-item-1218-es img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* También podemos apuntar a las imágenes de bandera en general,
   lo cual es útil si los IDs de los elementos de menú varían o son dinámicos. */
.lang-item img { /* Clase común que Polylang añade al LI de idioma */
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 16px !important;
    height: 11px !important;
    margin: 0 !important;
    padding: 0 !important;
}
#masthead{
	background:black;
	position:fixed;
	width:100%;
	z-index:5000
}
/*#hd1{
	color:red;
}*/
h1,h2,h3,h4,h5,h6{
		color:#000000
}
#flash-breadcrumbs{
		display:none
}
.presentacion, .items {
		color:#333333;
		font-family:'Playfair',serif;
		font-size:1.5rem;
		text-align:justify;
}
.items{
		font-size:1.3rem;
}
.cajaproyectos{
		width:320px;
		height:320px;
		text-align:center;
		border:#EEEEF1 solid thin;
		padding:10px;
    margin-bottom:10px;
}
.cajaproyectos img{
		width:300px;
		height:300px;
		padding:5px;
		box-shadow:#ffffff 0 0 0;
		transition:all ease-in-out .25s;
}
.cajaproyectos img:hover{
		width:310px;
		height:320px;
		padding:0;
		box-shadow:#333333 2px 0 5px;
}
.project {
		text-transform:uppercase;
		color:#333333;
		font-size:1.2rem;
		font-weight:500
}
.address{
		color:#999999;
		font-size:.9rem;
		line-height:1
		}
.address i{
		color:#f4b700
		}
.infoinmuebles .state{
		font-weight:500;
		font-size:1.2rem;
		line-height:1
}
.priceinmuebles .line{
		font-weight:500;
		color:#f4b700;		
		font-size:1.5rem
}		
.priceinmuebles .price{
		font-weight:500;
		color:#333;
		font-size:1.5rem
}
.h3Catalogos{
		font-size:1.5rem;
		border-bottom:#f4b700 solid thin;
		text-align:left;
		font-family:'Lato',serif;
		font-weight:400;
		font-style:italic;
		padding:50px 0 20px 10px;
}
.section-title{
		font-family: "Playfair", serif;
  	font-optical-sizing: auto;
  	font-weight: 600;
  	font-style: normal;
  	font-size: 2.5rem;
}
.section-description{
		font-family: "Playfair", serif;
		font-weight:400;
		font-size:2rem;
}
.iconservices{
		font-size:4rem;
		text-align:center;
		width:120px;
		height:120px;
		box-shadow:#999999 2px 0 10px;
		margin:20px auto;
		padding-top:25px;
		background:#f4b700;
		color:white	
}
.quicksand{
		font-family:'Quicksand',serif;
}
#ppalInt h2 {
		font-family:'Playfair',serif;
		font-weight:100;
		font-size:3rem;
		line-height:1;
		color:white
}
#secInt span {
		font-family:'Poppins',serif;
		font-weight:200;
		font-size:1.5rem;
		line-height:1;
		color:white
}
.msjs{
		font-family:'Lato',serif;
		font-size:2rem;
		padding:50px 0;
		text-align:center;
		color:#939393;
}
.intmsjs{		
	border-left:#f4b700 solid 4px
}
		

#seccion1{
		height:75vh;
		border-bottom:#f4b700 solid thin;		
		padding:0
}
#seccion2 {
		border-top:#f4b700 solid thin;
		padding:50px 0;
		margin-top:-150px;
		position:relative;
		background:rgba(0,0,0,.95);
}
#top-footer{
	background:#000000;
}
#contactform input, #contactform textarea,#contactformen input, #contactformen textarea{
		background:#000000;
		border:none;
		border-bottom: #f4b700 solid thin;
		margin-bottom:1px;
		color:white;
		outline:none;
		padding:1px 5px;
		font-family:'Lato',serif;
}
#contactform input[type=submit],#contactformen input[type=submit]{
		background:#f4b700;
		width:100%;
		color:#000000;
		padding:8px 2px;
		border:#0000 solid thin;
		text-align:center;
		margin:auto;
		transition:all .5s ease-in-out;
		box-shadow:#000 0 0 0;
}
#contactform input[type=submit]:hover,#contactformen input[type=submit]:hover{
		color:#f4b700;
		background:#000000;
		border:#f4b700 solid thin;
		box-shadow:#010101 0 15px 15px;
}

#contactformen, .widget-contacto-en {
    display: none;
}
#tten, .widget-contacto-en {
    display: none;
}
#contactform, .widget-contacto-es {
    display: none;
}
#ttes, .widget-contacto-es {
    display: none;
}

/* Mostrar la fila/widget correspondiente al idioma actual */
body.lang-es #contactform,
body.lang-es .widget-contacto-es {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}
body.lang-en #contactformen,
body.lang-en .widget-contacto-en {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}


body.lang-es #ttes,
body.lang-es .widget-contacto-es {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}
body.lang-en #tten,
body.lang-en .widget-contacto-en {
    display: flex; /* O 'flex' o el display que necesite tu diseño */
}