@charset "UTF-8";
/* NAYA LP
  Desarrollado: Abril 12, 2021.
  IV - Futurité
*/
:root {
  --beige: #f7edd9;
  --verde: #0f594e;
  --blanco: #ffffff;
  --negro: #000000; }

@font-face {
  font-family: "Fontfabric-NexaXBold";
  src: url("../fonts/Fontfabric-NexaXBold.otf") format("opentype"); }

@font-face {
  font-family: "Fontfabric-NexaBook";
  src: url("../fonts/Fontfabric-NexaBook.otf") format("opentype"); }

html, body {
  font-family: 'Fontfabric-NexaBook', sans-serif;
  font-size: 18px;
  color: var(--negro);
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px; }

.pd0 {
  padding: 0px; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*               Header                         */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
header {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 30px;
  background: var(--beige); }
  header .logo {
    width: 10%; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*              Footer and Copy                 */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/****************************************/
/*            Gracias                   */
/****************************************/
.body-gracias {
  background: var(--beige); }
  .body-gracias a {
    color: var(--blanco);
    font-size: 20px;
    background: var(--verde);
    padding: 10px 40px;
    border-radius: 6px;
    display: block;
    text-decoration: none;
    margin: 2% auto;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-family: 'Fontfabric-NexaXBold', sans-serif; }

.gracias {
  padding: 180px 0px 50px;
  text-align: center;
  color: var(--verde); }
  .gracias img {
    margin-bottom: 25px;
    width: 10%; }
  .gracias h5 {
    font-weight: 300;
    color: var(--verde);
    font-size: 34px;
    margin-bottom: 50px;
    font-family: 'Fontfabric-NexaXBold', sans-serif; }

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/*             Secciones de Pagina              */
/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- */
/****************************************/
/*                Home                  */
/****************************************/
/* h-sec1 */
.h-sec1 {
  display: block;
  width: 100%;
  background-image: url("../img/Img_Banner_Principal.jpg");
  background-position: center;
  min-height: 550px;
  height: auto;
  background-size: cover; }
  .h-sec1 .form1 {
    background: #f7edd9cc;
    min-height: 350px;
    height: auto;
    padding: 30px 20px;
    width: 70%;
    margin-top: 100px; }
    .h-sec1 .form1 .title-form1 {
      color: var(--verde);
      font-size: 25px;
      font-family: 'Fontfabric-NexaXBold', sans-serif;
      margin-bottom: 15px; }
    .h-sec1 .form1 input {
      color: var(--verde);
      width: 100%;
      background: transparent;
      font-size: 16px;
      border: none;
      border-bottom: 1px solid var(--verde);
      margin-bottom: 20px; }
    .h-sec1 .form1 textarea {
      color: var(--verde);
      background: transparent;
      width: 100%;
      font-size: 16px;
      border: none;
      border-bottom: 1px solid var(--verde); }
    .h-sec1 .form1 .btn-send {
      background: var(--verde);
      padding: 2px 50px;
      color: var(--blanco);
      font-size: 16px;
      float: right;
      border: none;
      margin-top: 20px; }
    .h-sec1 .form1 ::-webkit-input-placeholder {
      color: var(--verde);
      font-size: 14px; }
    .h-sec1 .form1 :-ms-input-placeholder {
      color: var(--verde);
      font-size: 14px; }
    .h-sec1 .form1 ::-ms-input-placeholder {
      color: var(--verde);
      font-size: 14px; }
    .h-sec1 .form1 ::placeholder {
      color: var(--verde);
      font-size: 14px; }
  .h-sec1 .title1 {
    color: var(--blanco);
    font-size: 22px;
    margin-top: 150px;
    font-family: 'Fontfabric-NexaXBold', sans-serif; }
    .h-sec1 .title1 h1 {
      color: var(--blanco);
      font-size: 35px;
      font-family: 'Fontfabric-NexaXBold', sans-serif; }

/* h-sec2 */
.h-sec2 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: var(--beige);
  padding: 60px 0px; }
  .h-sec2 .text2 {
    color: var(--verde);
    font-size: 16px;
    margin-top: 50px; }
  .h-sec2 .img-bahia {
    margin: auto;
    display: block; }

/* h-sec3 */
.h-sec3 {
  display: block;
  width: 100%;
  background-image: url("../img/Img_Banner_8torres.jpg");
  background-position: center;
  min-height: 400px;
  height: auto;
  background-size: cover; }
  .h-sec3 .title3 {
    color: var(--blanco);
    font-size: 20px;
    margin-top: 150px; }
    .h-sec3 .title3 .torres {
      font-size: 28px;
      font-family: 'Fontfabric-NexaXBold', sans-serif; }

/* h-sec4 */
.h-sec4 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 100px 0px;
  background: var(--beige); }
  .h-sec4 h2 {
    font-size: 35px;
    color: var(--verde);
    margin-bottom: 20px; }
  .h-sec4 .residencias {
    font-size: 18px;
    color: var(--verde);
    list-style-type: none;
    margin-bottom: 20px; }
  .h-sec4 .title4 {
    font-size: 18px;
    color: var(--verde);
    font-family: 'Fontfabric-NexaXBold', sans-serif;
    margin-bottom: 40px; }
  .h-sec4 .btn-conoce {
    background: var(--verde);
    color: var(--blanco);
    font-size: 18px;
    font-family: 'Fontfabric-NexaXBold', sans-serif;
    text-align: center;
    padding: 10px 100px;
    text-decoration: none; }
  .h-sec4 .img-res {
    margin: auto;
    display: block; }

/* h-sec5 */
.h-sec5 {
  display: block;
  width: 100%;
  background-image: url("../img/Fondo_Amenidades.jpg");
  background-position: center;
  padding: 80px 0px;
  background-size: cover; }
  .h-sec5 .title5 {
    font-size: 18px;
    color: var(--blanco);
    text-align: center;
    width: 70%;
    margin: auto;
    display: block;
    margin-bottom: 70px; }
    .h-sec5 .title5 h2 {
      font-size: 35px;
      font-family: 'Fontfabric-NexaXBold', sans-serif; }
  .h-sec5 .slider .slide {
    width: 100%; }
    .h-sec5 .slider .slide .img-slide {
      margin: auto;
      display: block; }
    .h-sec5 .slider .slide .title-slide {
      text-align: center;
      color: var(--blanco);
      font-size: 25px;
      margin-top: 15px; }
  .h-sec5 .bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc;
    -webkit-box-shadow: 0 0 0px #ccc;
    box-shadow: 0 0 0px #ccc;
    margin: auto;
    width: 100%;
    min-height: 300px;
    height: auto;
    display: block;
    border: none;
    background: transparent; }
    .h-sec5 .bx-wrapper .bx-prev {
      left: 50px;
      background: url("../img/Boton_Iz.png") center no-repeat;
      background-size: cover; }
    .h-sec5 .bx-wrapper .bx-next {
      right: 10px;
      background: url("../img/Boton_Der.png") center no-repeat;
      background-size: cover; }
  .h-sec5 .bx-wrapper .bx-controls-direction a {
    margin-left: -50px;
    margin-top: -50px; }
  .h-sec5 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--beige); }
  .h-sec5 .bx-wrapper .bx-pager.bx-default-pager a {
    background: var(--blanco); }

/* h-sec6 */
.h-sec6 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  min-height: 700px;
  height: auto;
  padding: 50px 0px;
  background: var(--beige); }
  .h-sec6 h2 {
    font-size: 30px;
    text-align: center;
    color: var(--verde);
    margin-bottom: 50px; }
  .h-sec6 .section6 {
    display: block;
    width: 80%;
    margin: auto; }
    .h-sec6 .section6 .momentos {
      min-height: 250px;
      height: auto; }
      .h-sec6 .section6 .momentos .title6 {
        text-align: center;
        font-size: 20px;
        color: var(--verde);
        margin-top: 70px; }
    .h-sec6 .section6 .sec1 {
      display: block;
      background-image: url("../img/Img_Departamentosconvistaalmar.jpg");
      background-position: center;
      min-height: 250px;
      height: auto;
      background-size: cover; }
    .h-sec6 .section6 .sec2 {
      display: block;
      background-image: url("../img/Img_con102m.jpg");
      background-position: center;
      min-height: 250px;
      height: auto;
      background-size: cover; }
    .h-sec6 .section6 .sec3 {
      display: block;
      background-image: url("../img/Img_condisenocontemporaneo.jpg");
      background-position: center;
      min-height: 250px;
      height: auto;
      background-size: cover; }

/* h-sec7 */
.h-sec7 {
  display: block;
  width: 100%;
  background-image: url("../img/Banner_NayatuSegundohogar.jpg");
  background-position: center;
  min-height: 300px;
  height: auto;
  background-size: cover; }
  .h-sec7 .title7 {
    text-align: center;
    color: var(--blanco);
    font-size: 18px;
    margin-top: 100px; }
    .h-sec7 .title7 strong {
      font-size: 20px;
      font-family: 'Fontfabric-NexaXBold', sans-serif; }

/* h-sec8 */
.h-sec8 {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 100px 0px;
  background: var(--beige); }
  .h-sec8 .line {
    background: var(--verde);
    height: 5px;
    width: 10%;
    margin: 5% 0%; }
  .h-sec8 .title8 {
    font-size: 22px;
    color: var(--verde); }
  .h-sec8 .form2 {
    background: #f7edd9cc;
    min-height: 350px;
    height: auto;
    padding: 30px 20px;
    border: 1px solid var(--verde); }
    .h-sec8 .form2 .title-form1 {
      color: var(--verde);
      font-size: 25px;
      font-family: 'Fontfabric-NexaXBold', sans-serif;
      margin-bottom: 15px; }
    .h-sec8 .form2 input {
      color: var(--verde);
      width: 100%;
      background: transparent;
      font-size: 16px;
      border: none;
      border-bottom: 1px solid var(--verde);
      margin-bottom: 20px; }
    .h-sec8 .form2 textarea {
      color: var(--verde);
      background: transparent;
      width: 100%;
      font-size: 16px;
      border: none;
      border-bottom: 1px solid var(--verde); }
    .h-sec8 .form2 .btn-send {
      background: var(--verde);
      padding: 2px 50px;
      color: var(--blanco);
      font-size: 16px;
      float: right;
      border: none;
      margin-top: 20px; }
    .h-sec8 .form2 ::-webkit-input-placeholder {
      color: var(--verde);
      font-size: 14px; }
    .h-sec8 .form2 :-ms-input-placeholder {
      color: var(--verde);
      font-size: 14px; }
    .h-sec8 .form2 ::-ms-input-placeholder {
      color: var(--verde);
      font-size: 14px; }
    .h-sec8 .form2 ::placeholder {
      color: var(--verde);
      font-size: 14px; }

/* MEDIAS QUERY */
@media (max-width: 767px) and (min-width: 0px) {
  header .logo {
    width: 50%; }
  .h-sec1 {
    padding-bottom: 50px; }
    .h-sec1 .form1 {
      width: 100%; }
    .h-sec1 .title1 {
      margin-top: 50px; }
  .h-sec2 .text2 {
    margin-top: 0px;
    margin-bottom: 25px; }
  .h-sec4 {
    padding: 50px 0px; }
    .h-sec4 .btn-conoce {
      display: inline-block;
      margin-bottom: 30px;
      padding: 10px 50px; }
  .h-sec5 .title5 {
    width: 100%;
    margin-bottom: 40px; }
  .h-sec6 h2 {
    margin-bottom: 20px; }
  .h-sec6 .section6 {
    width: 100%; }
    .h-sec6 .section6 .momentos {
      min-height: 200px; }
  .h-sec8 .title8 {
    margin-bottom: 20px; } }

/*@media (max-width: 479px) and (min-width: 0px) {

}

@media (max-width: 349px) and (min-width: 0px) {

}*/