/* ============================================================
   NOAH BEACH — paleta verde-petróleo + laranja queimado
   Identidade própria, distinta do bordô INOVA
   ============================================================ */

:root{
  --noah-green: #2a6f72;       /* verde-petróleo principal */
  --noah-green-dark: #1a4f52;  /* verde escuro */
  --noah-green-deep: #0f2f31;  /* verde profundo (hero) */
  --noah-orange: #d97825;      /* laranja queimado */
  --noah-orange-soft: #f4d3b8; /* laranja claro */
  --noah-sand: #f5ede0;        /* areia */
  --noah-sand-deep: #e8dcc4;
  --noah-paper: #fdfaf5;
  --noah-ink: #1a1a1a;
  --noah-muted: #6b6b6b;
}

/* RESET local pra páginas do Noah */
body.noah{
  background: var(--noah-paper);
  color: var(--noah-ink);
}

/* NAV no Noah — herda do site, mas com WhatsApp em verde-petróleo */
body.noah .btn-wa{
  background: var(--noah-green) !important;
}
body.noah .btn-wa:hover{
  filter: brightness(1.12);
}

/* ============================================================
   HERO NOAH — verde profundo, com onda laranja
   ============================================================ */
.noah-hero{
  position: relative;
  background: var(--noah-green-deep);
  color: var(--noah-paper);
  padding: 56px 0 100px;
  overflow: hidden;
  isolation: isolate;
}
.noah-hero-bg{
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(217,120,37,.18), transparent 60%),
    radial-gradient(ellipse 60% 50% at 100% 100%, rgba(42,111,114,.4), transparent 50%);
  z-index: -1;
  pointer-events: none;
}
.noah-hero-wave{
  position: absolute;
  bottom: -10px;
  left: 0; right: 0;
  width: 100%;
  height: 100px;
  background: url("img-noah/grafismo-noah-1.png") no-repeat center bottom / 1800px auto;
  opacity: .85;
  pointer-events: none;
  z-index: 1;
}

.noah-hero-in{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 64px;
  align-items: center;
}
@media (max-width: 920px){
  .noah-hero-in{ grid-template-columns: 1fr; gap: 32px; }
}

.noah-hero-logo{
  width: 220px;
  height: auto;
  display: block;
  margin-bottom: 32px;
  filter: brightness(0) invert(1);
}
@media (max-width: 920px){
  .noah-hero-logo{ width: 170px; margin-bottom: 24px; }
}

.noah-hero-eyebrow{
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--noah-orange);
  font-weight: 600;
  margin-bottom: 18px;
}

.noah-h1{
  font-family: 'Fraunces', serif;
  font-weight: 400;
  font-size: clamp(36px, 5.5vw, 64px);
  line-height: 1.05;
  letter-spacing: -0.015em;
  color: var(--noah-paper);
  margin: 0 0 24px;
}
.noah-h1 em{
  font-style: italic;
  color: var(--noah-orange);
  font-weight: 400;
}

.noah-hero-lede{
  font-family: 'Fraunces', serif;
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 400;
  line-height: 1.55;
  color: rgba(253, 250, 245, .82);
  margin: 0 0 36px;
  max-width: 540px;
}

.noah-hero-cta{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
.btn-noah-orange{
  background: var(--noah-orange);
  color: #fff;
  border: 0;
  padding: 14px 26px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: filter .15s, transform .15s;
}
.btn-noah-orange:hover{
  filter: brightness(1.1);
  transform: translateY(-1px);
}
.btn-noah-outline{
  background: transparent;
  color: var(--noah-paper);
  border: 1px solid rgba(253, 250, 245, .35);
  padding: 14px 26px;
  font-size: 15px;
  border-radius: 10px;
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
.btn-noah-outline:hover{
  background: rgba(253, 250, 245, .08);
  border-color: var(--noah-orange);
}

.noah-hero-facts{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding-top: 28px;
  border-top: 1px solid rgba(217, 120, 37, .35);
}
.nhf-num{
  font-family: 'Fraunces', serif;
  font-weight: 500;
  font-size: clamp(24px, 3vw, 34px);
  color: var(--noah-orange);
  line-height: 1;
  display: block;
  margin-bottom: 6px;
}
.nhf-lab{
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(253, 250, 245, .65);
  font-weight: 500;
}

.noah-hero-img{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 40px 80px -30px rgba(0,0,0,.6);
}
.noah-hero-img img{
  width: 100%;
  height: auto;
  display: block;
}

/* ============================================================
   SEÇÕES DO NOAH
   ============================================================ */
.noah-sec{
  padding: 80px 0;
  position: relative;
}
.noah-sec h2{
  font-family: 'Fraunces', serif;
  font-weight: 400;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: var(--noah-green-dark);
  margin: 0 0 18px;
  max-width: 780px;
}
.noah-sec h2 em{
  font-style: italic;
  color: var(--noah-orange);
}
.noah-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 12px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--noah-orange);
  font-weight: 600;
  margin-bottom: 16px;
}
.noah-eyebrow::before{
  content: "";
  display: block;
  width: 24px;
  height: 1px;
  background: var(--noah-orange);
}
.noah-lede{
  font-size: 17px;
  line-height: 1.6;
  color: var(--noah-ink);
  max-width: 720px;
  margin: 0 0 32px;
}
.noah-lede-small{ font-size: 14.5px; color: var(--noah-muted); }

/* ============================================================
   SEÇÃO CONCEITO
   ============================================================ */
.noah-conceito{
  background: var(--noah-sand);
}
.noah-conceito-grid{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 56px;
  align-items: center;
}
@media (max-width: 920px){
  .noah-conceito-grid{ grid-template-columns: 1fr; }
}
.noah-conceito-img{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 60px -30px rgba(15, 47, 49, .4);
}
.noah-conceito-img img{
  width: 100%; height: auto; display: block;
}
.noah-conceito-quote{
  margin-top: 24px;
  padding: 24px 28px;
  background: #fff;
  border-left: 4px solid var(--noah-orange);
  border-radius: 0 12px 12px 0;
  font-family: 'Fraunces', serif;
  font-style: italic;
  font-size: 19px;
  line-height: 1.5;
  color: var(--noah-green-dark);
}

/* ============================================================
   AS 3 GRANDES ÁREAS DE LAZER (Sport / Social / Pool Clubs)
   ============================================================ */
.noah-clubs{
  background: var(--noah-paper);
}
.noah-clubs-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}
@media (max-width: 920px){ .noah-clubs-grid{ grid-template-columns: 1fr; } }

.noah-club{
  background: #fff;
  border: 1px solid var(--noah-sand-deep);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.noah-club-img{
  height: 220px;
  overflow: hidden;
  position: relative;
}
.noah-club-img img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.noah-club-tag{
  position: absolute;
  top: 16px; left: 16px;
  background: rgba(15, 47, 49, .85);
  color: var(--noah-orange);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 700;
  backdrop-filter: blur(8px);
}
.noah-club-body{
  padding: 28px 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.noah-club-area{
  font-family: 'Fraunces', serif;
  font-weight: 500;
  font-size: 32px;
  color: var(--noah-orange);
  line-height: 1;
  margin-bottom: 4px;
  font-variant-numeric: tabular-nums;
}
.noah-club-name{
  font-family: 'Fraunces', serif;
  font-weight: 500;
  font-size: 22px;
  color: var(--noah-green-dark);
  margin: 0 0 14px;
}
.noah-club-desc{
  font-size: 14px;
  color: var(--noah-muted);
  line-height: 1.55;
  margin: 0 0 16px;
}
.noah-club-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.noah-club-list li{
  font-size: 13.5px;
  color: var(--noah-ink);
  padding-left: 18px;
  position: relative;
  line-height: 1.5;
}
.noah-club-list li::before{
  content: "";
  position: absolute;
  left: 0; top: 9px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--noah-orange);
}

/* ============================================================
   GALERIA
   ============================================================ */
.noah-galeria{
  background: var(--noah-green-deep);
  color: var(--noah-paper);
}
.noah-galeria h2{ color: var(--noah-paper); }
.noah-galeria .noah-lede{ color: rgba(253, 250, 245, .82); }
.galeria-grid{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 12px;
  margin-top: 36px;
  height: 540px;
}
@media (max-width: 920px){
  .galeria-grid{ grid-template-columns: 1fr 1fr; height: auto; }
  .galeria-grid > *{ aspect-ratio: 4/3; }
}
.galeria-grid > div{
  border-radius: 14px;
  overflow: hidden;
  position: relative;
}
.galeria-grid > div:first-child{
  grid-row: 1 / 3;
}
.galeria-grid img{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s;
}
.galeria-grid > div:hover img{ transform: scale(1.04); }

/* ============================================================
   LOCALIZAÇÃO
   ============================================================ */
.noah-local{
  background: var(--noah-sand);
}
.noah-local-grid{
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
}
@media (max-width: 920px){ .noah-local-grid{ grid-template-columns: 1fr; } }

.noah-local-list{
  list-style: none;
  padding: 0;
  margin: 24px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 24px;
}
.noah-local-list li{
  font-size: 14.5px;
  color: var(--noah-ink);
  padding-left: 24px;
  position: relative;
  line-height: 1.5;
}
.noah-local-list li::before{
  content: "✓";
  position: absolute;
  left: 0; top: 0;
  color: var(--noah-orange);
  font-weight: 700;
}
.noah-local-img{
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 60px -30px rgba(15, 47, 49, .4);
}
.noah-local-img img{
  width: 100%; height: auto; display: block;
}

/* ============================================================
   INFRAESTRUTURA
   ============================================================ */
.noah-infra{
  background: var(--noah-paper);
}
.infra-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 36px;
}
@media (max-width: 760px){ .infra-grid{ grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px){ .infra-grid{ grid-template-columns: 1fr; } }
.infra-card{
  background: #fff;
  border: 1px solid var(--noah-sand-deep);
  border-radius: 12px;
  padding: 24px 22px;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.infra-icon{
  flex-shrink: 0;
  width: 44px; height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--noah-green), var(--noah-green-dark));
  color: var(--noah-orange);
  display: grid;
  place-items: center;
  font-size: 20px;
  font-weight: 700;
}
.infra-title{
  font-family: 'Fraunces', serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--noah-green-dark);
  margin: 0 0 4px;
  line-height: 1.25;
}
.infra-desc{
  font-size: 13.5px;
  color: var(--noah-muted);
  line-height: 1.4;
  margin: 0;
}

/* ============================================================
   PREÇO E CONDIÇÕES
   ============================================================ */
.noah-preco{
  background: linear-gradient(160deg, var(--noah-green), var(--noah-green-dark));
  color: var(--noah-paper);
  position: relative;
  overflow: hidden;
}
.noah-preco::before{
  content: "";
  position: absolute;
  top: -20%; right: -10%;
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(217, 120, 37, .15), transparent 65%);
  pointer-events: none;
}
.noah-preco h2{ color: var(--noah-paper); position: relative; z-index: 1; }
.noah-preco-grid{
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 920px){ .noah-preco-grid{ grid-template-columns: 1fr; } }

.preco-destaque{
  text-align: center;
  padding: 32px 24px;
  background: rgba(253, 250, 245, .05);
  border: 1px solid rgba(217, 120, 37, .3);
  border-radius: 16px;
  backdrop-filter: blur(8px);
}
.preco-eyebrow{
  font-size: 12px;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--noah-orange);
  font-weight: 700;
  margin-bottom: 12px;
}
.preco-valor{
  font-family: 'Fraunces', serif;
  font-weight: 500;
  font-size: clamp(40px, 6vw, 64px);
  color: var(--noah-paper);
  line-height: 1;
  margin-bottom: 8px;
  font-variant-numeric: tabular-nums;
}
.preco-desc{
  font-size: 14px;
  color: rgba(253, 250, 245, .7);
  margin: 0;
}

.condicoes-list{
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.cond-card{
  background: rgba(253, 250, 245, .06);
  border: 1px solid rgba(253, 250, 245, .12);
  border-radius: 12px;
  padding: 22px 26px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
}
.cond-num{
  width: 42px; height: 42px;
  border-radius: 50%;
  background: var(--noah-orange);
  color: var(--noah-green-deep);
  display: grid;
  place-items: center;
  font-family: 'Fraunces', serif;
  font-weight: 500;
  font-size: 18px;
}
.cond-info{ display: flex; flex-direction: column; gap: 4px; }
.cond-title{
  font-family: 'Fraunces', serif;
  font-size: 18px;
  font-weight: 500;
  color: var(--noah-paper);
}
.cond-desc{
  font-size: 13px;
  color: rgba(253, 250, 245, .65);
}
.cond-destaque{
  font-family: 'Fraunces', serif;
  font-size: 22px;
  color: var(--noah-orange);
  font-weight: 500;
  white-space: nowrap;
}

/* ============================================================
   CTA FINAL
   ============================================================ */
.noah-cta-final{
  padding: 80px 0;
  background: var(--noah-sand);
  text-align: center;
}
.noah-cta-final h2{
  margin: 0 auto 18px;
  max-width: 800px;
}
.noah-cta-final p{
  font-size: 17px;
  color: var(--noah-ink);
  max-width: 640px;
  margin: 0 auto 36px;
  line-height: 1.55;
}
.noah-cta-buttons{
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}
.btn-noah-wa{
  background: #25D366;
  color: #fff;
  border: 0;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 10px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.btn-noah-wa:hover{ filter: brightness(1.1); }

/* ============================================================
   FOOTER NOAH — bordô INOVA (volta pra marca)
   ============================================================ */
body.noah footer.site{
  background: var(--wine);
}