/*
Theme Name: EyS Propiedades
Author:Artilugio
Version:1.0
Description:Tema EyS Propiedades (Enero 2025)
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&family=Roboto+Condensed:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600&display=swap');



*{   margin: 0;  padding: 0;  box-sizing: border-box;  font-family: 'Montserrat', sans-serif; color:#222;}
html * {box-sizing: border-box; margin:0px; }
body { font-family: 'Montserrat', sans-serif;  font-size: 1rem;   font-weight: 400; display: grid;  min-height: 100vh;  grid-template-rows: auto 1fr auto;    line-height: 1.5; }

header{   z-index: 999;  position: absolute;  top: 0;  left: 0;  width: 100%;  display: flex;  justify-content: space-between;  align-items: stretch;  padding: 15px 200px;  transition: 0.5s ease;}
header .brand{   color: #fff;  font-size: 1.5em;  font-weight: 700;  text-transform: uppercase;  text-decoration: none; }
header .navigation{   position: relative;}
header .navigation .navigation-items a {  position: relative;  color: #fff;  font-size: 0.8em;  font-weight: 500;  text-decoration: none;  margin-left: 30px;  transition: 0.3s ease; opacity: 0.8; }
header .navigation .navigation-items a:hover {  opacity: 1;  width: 100%;}
header ul {  list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden;}
header li {  float: left;}


/* definicion encabezados H */ 

h1 {font-size: 32px; font-family: 'Plus Jakarta Sans',sans-serif;}
h2 {font-size: 24px; font-family: 'Plus Jakarta Sans',sans-serif;}
h3 {font-size: 18.72px; font-family: 'Plus Jakarta Sans',sans-serif;}
h4 {font-size: 16px; font-family: 'Plus Jakarta Sans',sans-serif;}
h5 {font-size: 13.28px; font-family: 'Plus Jakarta Sans',sans-serif;}
h6 {font-size: 10.72px; font-family: 'Plus Jakarta Sans',sans-serif;}

/* h1 { font-family: 'Lato', sans-serif; font-size: 21px; font-weight: 300; } */

h1 a {text-decoration: none;}
h2 a {text-decoration: none;}
h3 a {text-decoration: none !important; }
h4 a {text-decoration: none;}
h5 a {text-decoration: none;}

.menu-menu-principal-container {text-transform:uppercase;}

.col-2 {width:50%;}
.flota-izquierda {float:left;}

.contenedor {  width: 1200px; margin:auto; }

/**** DEBUG **************/
.rojo {border:1px dotted red;}
.azul {border:1px dotted blue;}
.clear {clear: both;}

/* PORTADA */

.logo-mini { height: 90px; width: auto;}
.logo-banner {width: 100%; text-align:center; z-index: 400; margin-bottom: 30px;}
.logo-banner img {width: auto !important; }
.titulo-seccion { font-size:1.6em; color:#990000; text-decoration: none; font-weight:bold;}
.titulo-seccion a {  text-decoration: none;}

.titulo-propiedad {font-size:1.1em;}
.titulo-propiedad a {  text-decoration: none;}

.fondo-banner  {background-color: #222; background-image:url('casa_blanca_eys.jpg'); background-size: cover; background-position: center; min-height: 720px;  height: auto; width: 100%; position: relative;}
.fondo-banner:before {  z-index: 100;  content: '';  position: absolute;  background: rgba(10, 10, 10, 0.5);  width: 100%;  height: 100%;  top: 0;  left: 0;}
.sobre-banner { z-index: 200; display: flex;   align-items: center;  height:700px; }
.texto-banner { z-index: 300; color:white;  }
.sobre-banner span { font-size: 64px;    font-size: 2.5rem;    font-weight: 600;    font-family: 'Plus Jakarta Sans',sans-serif; }

.wp-block-image img {    box-sizing: border-box;    height: auto;  width: auto !important;  max-width: 250px !important;    vertical-align: bottom;    float: right; !important;    margin: 20px;}

.btn-info {  background-color:#A0D0AD;  border-radius:28px;  display:inline-block;  cursor:pointer;  color:#000000;  font-family:Arial;  font-size:17px;  font-weight:bold;  padding:16px 31px;  text-decoration:none; margin: 30px 0px;}



.color-fondo-negro { background-color: #000;}
.color-fondo-interno-gris { background-color: #F5F5F5; }
.color-fondo-texto-blanco { background-color: #fff; padding: 150px 10px 10px 10px;}
.color-fondo-transparente { background-color: transparent; padding: 150px 10px 10px 10px;}

.espacio-simple {height: 25px; }
.espacio-doble {height: 50px;  }
.contenido-justificado p {text-align: justify !important;}

.flota-izquierda {float: left;}
.flota-derecha {float: right;}
.separador {clear: both; height: 50px;}
.col-25 {width: 25%; }
.col-33 {width: 33%; }
.col-50 {width: 50%; }
.col-66 {width: 66%; }
.col-75 {width: 75%;}


.texto-blanco {color: white;}

.pad0 {padding: 0px}
.pad10 {padding: 10px}
.pad20 {padding: 20px}
.pad30 {padding: 30px}
.pad40 {padding: 40px}
.pad50 {padding: 50px}

.hr-estilo {    border-top: 1px solid #ddd;    border-bottom: 1px solid #eee;    border-left: none;    border-right: none;}


/* SECCIONES */
.noticias-destacadas {background-color: #fff; padding: 100px 0px;}
.nuestro-proyecto {background-color: #f2f5f7; padding: 100px 0px;}

.propiedades-arriendo {  background: #FFF; padding: 30px 0px; color:white !important;}
.propiedades-arriendo h1 {  color:#222 !important;}

.propiedades-venta {  background: #F2F5F7; padding: 30px 0px; color:white !important;}
.propiedades-venta h1 {  color:#222 !important;}


.menu-wp {text-align: right; color:white; z-index: 500 !important; transition: all .2s linear;}

/* INTERNO */

.foto-noticia {width: 500px; height: auto; float: right; margin-left: 10px; margin-bottom: 10px;}






h2 {font-size: 48px; font-size: 2.6666666666667rem; font-weight: 600; font-family: 'Plus Jakarta Sans',sans-serif;}


.container-contenido-portada {  display: grid;  padding: 0rem;  grid-gap: 1rem;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.container-contenido-portada div {  position: relative; padding: 1rem;  text-align: left;   }


.container-contenido-portada div img {    width: 100%;    height: 300px;    object-fit: cover; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}
/*.container-contenido-portada figure {    overflow: hidden;    width: auto;    border: 1px solid #ccc;}*/
.container-contenido-portada figure img {   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
.container-contenido-portada article img { box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);}
.container-contenido-portada a h3 {text-decoration: none;}


.container-contenido-portada article img {  border:1px solid #ccc; width:100%; height:auto; }


.container-contenido-etapas {  display: grid;  padding: 0rem;  grid-gap: 1rem;  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr)); }
.container-contenido-etapas div {  position: relative; padding: 1rem;  text-align: left; color:white !important; }
.container-contenido-etapas div img {width:auto; height:auto;}
.container-contenido-etapas div h3 a{ color:white !important; }
.container-contenido-etapas div p { color:white !important; }




/* MENU FOOTER */
.menu-footer ul {  list-style-type: none;  margin: 0;  padding: 0;  overflow: hidden; }
.menu-footer li {  float: left;}
.menu-footer li a {  display: block;  color: #CCC;  text-align: center;  padding: 16px;  text-decoration: none;  font-size: 0.6em; text-transform:uppercase; }
.menu-footer li a:hover {  color: #FFF;}





.footer {padding-top: 50px; background: #222; color:white;}
.footer h3 {padding: 10px 0px; color: white;}
.footer-logos img {height: auto; width: auto; padding: 8px; opacity: 0.5;}
.rrss {font-size: 16px; color:white !important;}
.rrss img {height: 40px; width: auto; padding: 8px; vertical-align: middle; opacity: 0.5;}
.rrss a {color:white; text-decoration: none;}

.partners figure  {display: inline-block;}
.partners figure img {height: auto; width: 350px !important; padding: 8px; opacity: 0.5;}
.reconocimientos figure  {display: inline-block;}
.reconocimientos figure img {height: 70px; width: auto; padding: 8px; opacity: 0.5;}

.footer .artilugio {border-top: 1px solid #212121; margin: 40px auto;}
.footer .artilugio img {height: 70px; width: auto; padding: 8px; opacity: 0.5;}

.fondo-foto2 {background-image: url('marco-abejas.jpg'); background-size: cover;}

video::-internal-media-controls-download-button {display:none}
video::-webkit-media-controls-enclosure {overflow:hidden}
video::-webkit-media-controls-panel {width: calc(100% + 18px); /* Ajustar los pixeles segun se necesite */}


input, textarea, select, file {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #EDEDED;
    padding: 8px 8px 7px;
    /* resize: none; */
}



.f-button svg {color:white !important;  background: #ccc;}

/******************************************* MEDIOS ***************************/
@media (max-width: 1040px) {
      header { padding: 12px 20px;  }  
      section { padding: 100px 20px;  }  
      .home .media-icons { right: 15px;  }  
      header .navigation { display: none;  }
      header .navigation.active { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; display: flex; justify-content: center; align-items: center; background: rgba(1, 1, 1, 0.5);  }  
      header .navigation .navigation-items a { color: #222; font-size: 1.2em; margin: 20px;  }  
      header .navigation .navigation-items a:before { background: #222; height: 5px;  }  
      header .navigation.active .navigation-items { background: #fff; width: 600px; max-width: 600px; margin: 20px; padding: 40px; display: flex; flex-direction: column; align-items: center; border-radius: 5px; box-shadow: 0 5px 25px rgb(1 1 1 / 20%);  }
      header li {  float: none;  margin-bottom: 20px; }
      .menu-btn { background: url(menu.png)no-repeat; background-size: 30px; background-position: center; width: 40px; height: 40px; cursor: pointer; transition: 0.3s ease;  }
      .menu-btn.active {    z-index: 999; background: url(close.png)no-repeat; background-size: 25px; background-position: center; transition: 0.3s ease;  } 
      .col-50 {width: 100%; display: block;}
      .col-25 {width: 100%; padding: 10px;}
      .col-50 {width: 100%; }
      .col-66 {width: 100%; }
      .col-75 {width: 100%; display:block; }

      .contenedor {  width: 100%; margin:auto; }
      .logo-banner {width: 100%; text-align:left; }
      .sobre-banner {  display: flex;  flex-direction: column-reverse !important;  width: 100%}
   
}



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


@media (max-width: 560px){
    
.contenedor {  width: 100%; margin:auto; }

.col-25 {width: 100%; }
.col-33 {width: 100%; }
.col-50 {width: 100%; }
.col-66 {width: 100%; }
.col-75 {width: 100%; display:block; }

.flota-izquierda {float: none !important;}
.flota-derecha {float: none !important;}
.sobre-banner {  display: flex;  flex-direction: column-reverse !important;  width: 100%}
.sobre-banner img { width: 100%}
.sobre-banner span {    font-size: 2rem;   }
.logo-banner {width: 100%; text-align:left; }
.container-contenido-portada div img {width:100%; height:auto;}
.container-contenido-etapas div img {width:100%; height:auto;}
.col-50 figure img {width:100%; height:auto;}
	
.logo-mini-portada { height: 90px !important; width: auto; margin-left:0px !important;}
}



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

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

.contenedor {  width: 100%; margin:auto; }

.col-25 {width: 100%; }
.col-33 {width: 100%; }
.col-50 {width: 100%; }
.col-66 {width: 100%; }
.col-75 {width: 100%; display:block; }

.flota-izquierda {float: none !important;}
.flota-derecha {float: none !important;}
.sobre-banner {  display: flex;  flex-direction: column-reverse !important;  width: 100%}
.sobre-banner img { width: 100%}
.sobre-banner span {    font-size: 2rem;   }
.logo-banner {width: 100%; text-align:left; }
/*
.container-contenido-portada div img {width:100%; height:auto;}
.container-contenido-etapas div img {width:100%; height:auto;}
*/
.col-50 figure img {width:100%; height:auto;}


.container-contenido-portada {  display: grid;  padding: 0rem;  grid-gap: 1rem;  grid-template-columns: none; }

.logo-mini-portada { height: 90px !important; width: auto; margin-left:0px !important;}
}


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

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

.contenedor {  width: 100%; margin:auto; }

.col-25 {width: 100%; display:block; }
.col-33 {width: 100%; display:block; }
.col-50 {width: 100%; display:block; }
.col-66 {width: 100%; display:block; }
.col-75 {width: 100%; display:block; }

.flota-izquierda {float: none !important;}
.flota-derecha {float: none !important;}
.logo-banner {width: 100%; text-align:left; }
.sobre-banner {  display: flex;  flex-direction: column-reverse !important;  width: 100%; height: 600px;}
.sobre-banner img { width: 100%}
.sobre-banner span {    font-size: 2rem;   }

.container-contenido-portada div img {width:100%; height:auto;}
.container-contenido-etapas div img {width:100%; height:auto;}
.col-50 figure img {width:100%; height:auto;}

	
.logo-mini-portada { height: 90px !important; width: auto; margin-left:0px !important;}
}



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



/* WordPress Core  */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.menu-pie a {color:#FFF; display: inline-block;}

#wp-calendar  {width: 100%;}
#wp-calendar td {text-align: center;}



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