@charset "utf-8";
@import url(grafico_locales.css);
/* CSS Document */

#cabecera_home {
  background-image: url(../images/cabeceras/cabecera_4.jpg);
}
.titulo_principal {
  margin-bottom: 40px;
}
/* -------------------------[ locales destacados ]--------------------------- */

#locales_destacados {
  padding: 2%;
  background-color: #efefef;
}

#locales_destacados .titulo_1 {
  margin-bottom: 40px;
}
.local_destacado {
  padding: 10px;
}
/* banda verde */
.banda_verde {
  display: block; 
  background-color: #699418;
  padding: 8px 16px;
}
.banda_verde p {
  color: white;
  float: left;
}
.banda_verde .titulo_local {
  font-family: 'Kreon', serif;
  font-weight: bold;
  font-size: 1.6vw;
  letter-spacing: 1px;
}
.banda_verde .planta_local {
  font-weight: 300;
  font-size: 1.3vw;
  margin-top: 4px;
  float: right;
}

/* datos local */
.datos_local {
  padding: 2% 5%;
  background-color: #fff;
}
.superficie_local, .precio_local {
  float: left;
}
/* parámetro */
.superficie_local p:first-child, .precio_local p:first-child {
  font-size: 11pt;
}
.superficie_local {
  margin-right: 5%;
}
/* valor */
.superficie_local p:last-child, .precio_local p:last-child {
  font-size: 20pt;
}
.precio_local p:last-child {
  margin-top: 3px;
}

/* boton ver más */
.contenedor_ver_mas, .contenedor_volver {
  padding-top: 10px;
  background-color: #fff;
}
.boton_ver_mas, .boton_volver {
  background-color: #699418;
  display: block;
  float: right;
  padding: 0px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}
.boton_ver_mas img, .boton_volver img{
  float: left;
  display: block;
}
.boton_ver_mas .texto_boton, .boton_volver .texto_boton {
  float: left;
  margin: 2px 10px 0 10px;
  text-align: center;
  color: white;
  font-family: 'Kreon', sans-serif;
  font-size: 14pt;
}
/* hover */
.boton_ver_mas:hover, .boton_volver:hover {
  background-color: #83B81F;
}

/* ---------------------------[ Responsive ]--------------------------------- */
/* ------[ > 1280 ]------ */
@media only screen and (min-width: 1281px){
  .titulo_local {
    font-size: 20pt !important;
  }
  .planta_local {
    font-size: 17pt !important;
  }
  .superficie_local p:first-child, .precio_local p:first-child {
    font-size: 11pt;
  }
  .superficie_local p:last-child, .precio_local p:last-child {
    font-size: 17pt;
  }
}/* > 1280px */

/* ------[ 1280 ]------ */
@media only screen and (max-width: 1280px){
  .local_destacado {
    width: 25%;
  }
  .local_destacado:nth-child(n+5) {
    display: none;
  }
  .banda_verde {
    padding: 1% 4%;
  }
  .titulo_local {
    font-size: 2.4vw !important;
  }
  .planta_local {
    font-size: 1.9vw !important;
  }
   .superficie_local p:first-child, .precio_local p:first-child {
    font-size: 1.3vw;
  }
  .superficie_local p:last-child, .precio_local p:last-child {
    font-size: 2.2vw;
  }
}/* fin 1280*/

/* ------[Desktop]------ */
@media only screen and (max-width: 980px){
   .local_destacado {
    width: 33%;
  }
  .local_destacado:nth-child(n+4) {
    display: none;
  }
  .banda_verde {
    padding: 1% 4%;
  }
  .titulo_local {
    font-size: 3vw !important;
  }
  .planta_local {
    font-size: 2.5vw !important;
  }
   .superficie_local p:first-child, .precio_local p:first-child {
    font-size: 1.8vw;
  }
  .superficie_local p:last-child, .precio_local p:last-child {
    font-size: 2.7vw;
  }
}/* fin 980*/

/* ------[Tablet]------ */
@media only screen and (max-width: 767px){
   .local_destacado {
    width: 50%;
  }
  .local_destacado:nth-child(n+3) {
    display: none;
  }
  .banda_verde {
    padding: 1% 4%;
  }
  .titulo_local {
    font-size: 4vw !important;
  }
  .planta_local {
    font-size: 3vw !important;
  }
   .superficie_local p:first-child, .precio_local p:first-child {
    font-size: 11pt;
  }
  .superficie_local p:last-child, .precio_local p:last-child {
    font-size: 4vw;
  }
 
}/* fin 767*/

/* ------[Móvil]------ */
@media only screen and (max-width: 480px){
   .local_destacado {
    width: 100%;
  }
  .local_destacado:nth-child(n+4) {
    display: none;
  }
  .banda_verde {
    padding: 1% 4%;
  }
  .titulo_local {
    font-size: 21pt !important;
  }
  .planta_local {
    font-size: 18pt !important;
  }
   .superficie_local p:first-child, .precio_local p:first-child {
    font-size:14pt;
  }
  .superficie_local p:last-child, .precio_local p:last-child {
    font-size: 21pt;
  }
  
}/* fin 480*/