*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
:root {
  --verde-escuro:#1a3a2e; --verde-musgo:#3a5a44; --verde-sage:#7a9e7e;
  --verde-claro:#b5cdb8; --creme:#f5f0e8; --areia:#ede8da;
  --branco:#faf8f4; --texto:#2a2a2a;
}
html { scroll-behavior:smooth; overflow-x:hidden; }
body { font-family:'Jost',sans-serif; background:var(--branco); color:var(--texto); overflow-x:hidden; }

/* NAV */
nav { position:fixed; top:0; left:0; right:0; z-index:100; display:flex; align-items:center; justify-content:space-between; padding:1rem 3rem; transition:all .4s; gap:1rem; }
nav.scrolled { background:rgba(26,58,46,.97); backdrop-filter:blur(14px); padding:.7rem 3rem; box-shadow:0 2px 30px rgba(0,0,0,.25); }
.nav-logo { text-decoration:none; display:flex; align-items:center; flex-shrink:0; }
.nav-links { display:flex; gap:1.5rem; list-style:none; flex-wrap:nowrap; align-items:center; }
.nav-links a { color:rgba(245,240,232,.85); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; transition:color .3s; white-space:nowrap; }
.nav-links a:hover { color:var(--verde-claro); }
.nav-cta { background:var(--verde-sage); color:var(--verde-escuro); padding:.55rem 1.3rem; font-family:'Jost',sans-serif; font-size:.72rem; font-weight:500; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; transition:all .3s; text-decoration:none; white-space:nowrap; flex-shrink:0; }
.nav-cta:hover { background:var(--creme); transform:translateY(-1px); }
.nav-hamburger { display:none; background:none; border:none; cursor:pointer; flex-direction:column; gap:5px; padding:4px; position:relative; z-index:200; }
.nav-hamburger span { display:block; width:24px; height:2px; background:var(--creme); transition:all .3s; }
.nav-hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity:0; }
.nav-hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }


/* HERO */
#hero { height:100vh; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.07); animation:heroZoom 14s ease-out forwards; }
.hero-bg { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(8,22,15,.55) 0%,rgba(26,58,46,.25) 50%,rgba(8,22,15,.88) 100%); z-index:1; }
@keyframes heroZoom { to { transform:scale(1); } }
.hero-content { position:relative; z-index:2; text-align:center; color:var(--creme); max-width:820px; padding:0 2rem; display:flex; flex-direction:column; align-items:center; gap:2rem; }
.hero-nature-logo { opacity:0; animation:fadeUp 1s .5s forwards; }
.hero-nature-logo img { height:clamp(70px,9vw,150px); width:auto; filter:drop-shadow(0 4px 24px rgba(0,0,0,.6)); }
.hero-title { font-family:'Cormorant Garamond',serif; font-size:clamp(3.5rem,7vw,7.5rem); font-weight:10; line-height:.95; opacity:0; animation:fadeUp 1s .8s forwards; }
.hero-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.btn-primary { background:var(--verde-sage); border:none; color:var(--verde-escuro); padding:1rem 2.8rem; font-family:'Jost',sans-serif; font-size:.82rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; cursor:pointer; transition:all .3s; text-decoration:none; display:inline-block; }
.btn-primary:hover { background:var(--creme); transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.25); }
.btn-outline { background:transparent; border:1px solid rgba(245,240,232,.5); color:var(--creme); padding:1rem 2.8rem; font-family:'Jost',sans-serif; font-size:.82rem; letter-spacing:.2em; text-transform:uppercase; cursor:pointer; transition:all .3s; text-decoration:none; display:inline-block; }
.btn-outline:hover { border-color:var(--creme); background:rgba(245,240,232,.08); }
.hero-scroll { position:absolute; bottom:2.5rem; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:.2rem; z-index:2; opacity:0; animation:fadeIn 1s 2s forwards; }
.hero-scroll span { font-size:.62rem; letter-spacing:.3em; text-transform:uppercase; color:rgba(245,240,232,.5); }
.scroll-line { width:1px; height:44px; background:linear-gradient(to bottom,rgba(245,240,232,.6),transparent); animation:scrollPulse 2.2s infinite; }
@keyframes scrollPulse { 0%,100%{opacity:.35;transform:scaleY(1);} 50%{opacity:1;transform:scaleY(1.3);} }
@keyframes fadeUp { from{opacity:0;transform:translateY(22px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeIn { to{opacity:1;} }

/* BASE */
section { padding:7rem 0; }
.container { max-width:1200px; margin:0 auto; padding:0 3rem; }
.section-label { font-size:.7rem; letter-spacing:.35em; text-transform:uppercase; color:var(--verde-musgo); margin-bottom:1rem; display:block; }
.section-title { font-family:'Cormorant Garamond',serif; font-size:clamp(2.2rem,4vw,3.5rem); font-weight:300; line-height:1.15; color:var(--verde-escuro); }
.section-title em { font-style:italic; }

/* INTRO */
#intro { background:var(--creme); }
.intro-grid { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; }
.intro-text p { margin-top:1.5rem; font-size:1.02rem; font-weight:300; line-height:1.85; color:#444; }
.intro-stats { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-top:3rem; }
.stat { border-top:1px solid var(--verde-claro); padding-top:1.2rem; }
.stat-number { font-family:'Cormorant Garamond',serif; font-size:2.8rem; font-weight:300; color:var(--verde-musgo); line-height:1; }
.stat-label { font-size:.7rem; letter-spacing:.15em; text-transform:uppercase; color:#666; margin-top:.4rem; }
.intro-image { position:relative; height:580px; }
.intro-image img { width:100%; height:100%; object-fit:cover; display:block; }
.intro-image::after { content:''; position:absolute; bottom:-1.5rem; right:-1.5rem; width:60%; height:60%; border:1px solid var(--verde-claro); z-index:-1; }

/* GALLERY */
#galeria { background:var(--verde-escuro); padding:5rem 0; }
.gallery-header { text-align:center; margin-bottom:3rem; }
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); grid-template-rows:280px 280px; gap:6px; }
.gallery-item { overflow:hidden; cursor:pointer; position:relative; }
.gallery-item:nth-child(1) { grid-column:1/3; }
.gallery-item:nth-child(5) { grid-column:2/4; }
.gallery-item img { width:100%; height:100%; object-fit:cover; transition:transform .6s; display:block; }
.gallery-item:hover img { transform:scale(1.06); }
.gallery-item::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(26,58,46,.45),transparent); opacity:0; transition:opacity .4s; }
.gallery-item:hover::after { opacity:1; }

/* MAGIC CITY */
#magiccity { background:var(--areia); }
.mc-intro { text-align:center; max-width:680px; margin:0 auto 4rem; }
.mc-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:5rem; align-items:center; }
.mc-images { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:260px 190px; gap:8px; }
.mc-images img { width:100%; height:100%; object-fit:cover; display:block; }
.mc-images img:first-child { grid-column:1/3; }
.mc-text p { font-size:1rem; font-weight:300; line-height:1.85; color:#444; margin-top:1.5rem; }
.mc-features { margin-top:2.5rem; display:flex; flex-direction:column; gap:1.2rem; }
.mc-feature { display:flex; align-items:flex-start; gap:1rem; }
.mc-feature-icon { font-size:1.3rem; flex-shrink:0; margin-top:.1rem; }
.mc-feature-text h4 { font-family:'Cormorant Garamond',serif; font-size:1.1rem; font-weight:400; color:var(--verde-escuro); }
.mc-feature-text p { margin-top:.2rem; font-size:.88rem; color:#666; line-height:1.6; }

/* QUARTOS */
#quartos { background:var(--branco); }
.quartos-tabs { display:flex; gap:0; margin-top:3.5rem; border-bottom:1px solid rgba(122,158,126,.25); overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.quartos-tabs::-webkit-scrollbar { display:none; }
.quarto-tab { padding:1rem 2rem; font-size:.78rem; letter-spacing:.15em; text-transform:uppercase; cursor:pointer; color:#888; border-bottom:2px solid transparent; margin-bottom:-1px; transition:all .3s; background:none; border-top:none; border-left:none; border-right:none; font-family:'Jost',sans-serif; white-space:nowrap; flex-shrink:0; }
.quarto-tab.active { color:var(--verde-musgo); border-bottom-color:var(--verde-sage); }
.quarto-tab:hover { color:var(--verde-musgo); }
.quarto-panel { display:none; }
.quarto-panel.active { display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:start; padding:3rem 0; }
.quarto-panel-img { height:420px; overflow:hidden; }
.quarto-panel-img img { width:100%; height:100%; object-fit:cover; display:block; }
.quarto-panel-info h3 { font-family:'Cormorant Garamond',serif; font-size:2.2rem; font-weight:300; color:var(--verde-escuro); margin-bottom:.5rem; }
.quarto-badge { display:inline-block; background:var(--verde-claro); color:var(--verde-escuro); font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; padding:.35rem .9rem; margin-bottom:1.5rem; }
.quarto-panel-info p { font-size:.95rem; font-weight:300; line-height:1.8; color:#555; margin-bottom:1.5rem; }
.quarto-amenities { display:grid; grid-template-columns:1fr 1fr; gap:.6rem .8rem; margin-bottom:2rem; }
.amenity { display:flex; align-items:center; gap:.5rem; font-size:.85rem; color:#555; }
.amenity::before { content:'✓'; color:var(--verde-sage); font-weight:600; flex-shrink:0; }
.quarto-cta { display:inline-block; background:var(--verde-musgo); color:var(--creme); padding:.9rem 2.2rem; font-family:'Jost',sans-serif; font-size:.8rem; font-weight:500; letter-spacing:.18em; text-transform:uppercase; text-decoration:none; transition:all .3s; }
.quarto-cta:hover { background:var(--verde-sage); transform:translateY(-2px); }

/* EXPERIÊNCIAS */
#experiencias { background:var(--creme); }
.exp-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2px; margin-top:4rem; }
.exp-card { background:var(--branco); padding:3rem 2.5rem; position:relative; overflow:hidden; transition:transform .3s; }
.exp-card::before { content:''; position:absolute; bottom:0; left:0; width:0; height:3px; background:var(--verde-sage); transition:width .4s; }
.exp-card:hover::before { width:100%; }
.exp-card:hover { transform:translateY(-4px); }
.exp-icon { font-size:2rem; margin-bottom:1.5rem; display:block; }
.exp-card h3 { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:400; color:var(--verde-escuro); margin-bottom:1rem; }
.exp-card p { font-size:.9rem; font-weight:300; line-height:1.75; color:#555; }

/* COMODIDADES */
#comodidades { background:var(--branco); }
.comod-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; margin-top:3rem; }
.comod-card { background:var(--creme); overflow:hidden; transition:transform .3s, box-shadow .3s; }
.comod-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,.1); }
.comod-img { height:240px; overflow:hidden; }
.comod-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s; }
.comod-card:hover .comod-img img { transform:scale(1.06); }
.comod-info { padding:2rem; }
.comod-icon { font-size:1.8rem; display:block; margin-bottom:.8rem; }
.comod-info h3 { font-family:'Cormorant Garamond',serif; font-size:1.6rem; font-weight:400; color:var(--verde-escuro); margin-bottom:.8rem; }
.comod-info p { font-size:.9rem; font-weight:300; line-height:1.75; color:#555; }

/* CTA */
#cta { background:var(--verde-escuro); padding:8rem 0; position:relative; overflow:hidden; }
#cta::before { content:'NATURÉ'; position:absolute; right:-3rem; top:50%; transform:translateY(-50%); font-family:'Cormorant Garamond',serif; font-size:22rem; font-weight:300; color:rgba(255,255,255,.025); line-height:1; pointer-events:none; white-space:nowrap; }
.cta-content { position:relative; text-align:center; max-width:700px; margin:0 auto; }
.cta-content .section-label { color:var(--verde-claro); }
.cta-content .section-title { color:var(--creme); }
.cta-content > p { color:rgba(245,240,232,.7); font-size:1rem; font-weight:300; line-height:1.75; margin-top:1.5rem; }
.cta-details { display:flex; justify-content:center; margin:3rem 0; flex-wrap:wrap;gap: 2rem; }
.cta-detail { text-align:center; padding:0 2.5rem; border-right:1px solid rgba(122,158,126,.3); }
.cta-detail:last-child { border-right:none; }
.cta-detail-label { font-size:.68rem; letter-spacing:.2em; text-transform:uppercase; color:var(--verde-sage); display:block; margin-bottom:.4rem; }
.cta-detail-value { font-family:'Cormorant Garamond',serif; font-size:1.3rem; color:var(--creme); font-weight:300; }
.cta-btn { display:inline-block; background:var(--verde-sage); color:var(--verde-escuro); padding:1.1rem 3.2rem; font-family:'Jost',sans-serif; font-size:.85rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; cursor:pointer; transition:all .3s; text-decoration:none; }
.cta-btn:hover { background:var(--creme); transform:translateY(-3px); box-shadow:0 14px 40px rgba(0,0,0,.3); }

/* DEPOIMENTOS */
#depoimentos { background:var(--areia); }
.dep-header { text-align:center; margin-bottom:4rem; }
.dep-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.dep-card { background:var(--branco); padding:2.5rem; border-left:3px solid var(--verde-claro); }
.dep-stars { color:#c8a96e; font-size:1.1rem; margin-bottom:1.2rem; letter-spacing:.1em; }
.dep-text { font-family:'Cormorant Garamond',serif; font-size:1.15rem; font-style:italic; line-height:1.7; color:#333; }
.dep-author { margin-top:1.5rem; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:var(--verde-musgo); }

/* FAQ */
#faq { background:var(--creme); }
.faq-header { text-align:left; margin-bottom:3rem; }
.faq-list { max-width:800px; }
.faq-item { border-bottom:1px solid rgba(58,90,68,.15); }
.faq-question { width:100%; display:flex; justify-content:space-between; align-items:center; padding:1.4rem 0; background:none; border:none; cursor:pointer; font-family:'Jost',sans-serif; font-size:.95rem; font-weight:400; color:var(--verde-escuro); text-align:left; gap:1rem; transition:color .3s; }
.faq-question:hover { color:var(--verde-musgo); }
.faq-icon { font-size:1.4rem; font-weight:300; color:var(--verde-sage); transition:transform .3s; flex-shrink:0; line-height:1; }
.faq-item.open .faq-icon { transform:rotate(45deg); }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .4s ease, padding .3s ease; padding:0; }
.faq-item.open .faq-answer { max-height:200px; padding-bottom:1.4rem; }
.faq-answer p { font-size:.92rem; font-weight:300; line-height:1.8; color:#555; }

/* INFO */
#info { background:var(--verde-escuro); }
.info-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:3rem; }
.info-block h4 { font-family:'Cormorant Garamond',serif; font-size:1.3rem; font-weight:400; color:var(--verde-claro); margin-bottom:1rem; }
.info-block p, .info-block a { font-size:.88rem; font-weight:300; line-height:1.8; color:rgba(245,240,232,.7); display:block; text-decoration:none; transition:color .3s; }
.info-block a:hover { color:var(--verde-claro); }

footer { background:#0d1e14; padding:2rem 3rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
.footer-brand { display:flex; align-items:center; }
.footer-copy { font-size:.7rem; letter-spacing:.1em; text-transform:uppercase; color:rgba(245,240,232,.3); }

/* CAROUSEL */
.carousel { position:relative; height:420px; overflow:hidden; }
.carousel-track { display:flex; height:100%; transition:transform .5s ease; }
.carousel-slide { min-width:100%; height:100%; flex-shrink:0; }
.carousel-slide img { width:100%; height:100%; object-fit:cover; display:block; }
.carousel-btn { position:absolute; top:50%; transform:translateY(-50%); background:rgba(26,58,46,.75); border:none; color:#fff; font-size:2rem; width:44px; height:44px; cursor:pointer; z-index:10; transition:background .3s; display:flex; align-items:center; justify-content:center; }
.carousel-btn:hover { background:rgba(26,58,46,.95); }
.carousel-prev { left:10px; }
.carousel-next { right:10px; }
.carousel-dots { position:absolute; bottom:12px; left:50%; transform:translateX(-50%); display:flex; gap:6px; }
.carousel-dot { width:8px; height:8px; border-radius:50%; border:none; background:rgba(255,255,255,.4); cursor:pointer; padding:0; transition:background .3s; }
.carousel-dot.active { background:#fff; }

/* REVEAL */
.reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }
.reveal.visible { opacity:1; transform:none; }

/* RESPONSIVE */
@media (max-width:1100px) {
  nav { padding:.9rem 2rem; }
  nav.scrolled { padding:.65rem 2rem; }
  .nav-links { gap:1rem; }
  .nav-links a { font-size:.65rem; }
}

@media (max-width:900px) {
  nav { padding:.9rem 1.5rem; }
  nav.scrolled { padding:.65rem 1.5rem; }
  .nav-hamburger { display:flex; }
  .nav-links {
    display:none;
    position:fixed; top:0; left:0; right:0;
    background:rgba(26,58,46,.98);
    flex-direction:column;
    padding:5rem 2rem 2rem;
    gap:0;
    z-index:180;
  }
  .nav-links.open { display:flex; }
  .nav-links li { border-bottom:1px solid rgba(181,205,184,.15); }
  .nav-links a { padding:1rem 0; display:block; font-size:.85rem; }
  .nav-cta { display:none; }

  .hero-nature-logo img { height:clamp(80px,20vw,140px); }
  .hero-scroll { bottom:1.5rem; }
  .intro-grid,.mc-grid { grid-template-columns:1fr; gap:3rem; }
  .intro-image { height:360px; }
  .intro-image::after { display:none; }
  .gallery-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
  .gallery-item { grid-column:auto !important; height:210px; }
  .exp-grid { grid-template-columns:1fr; }
  .comod-grid { grid-template-columns:1fr; }
  .dep-grid { grid-template-columns:1fr; }
  .info-grid { grid-template-columns:1fr 1fr; }
  .container { padding:0 1.5rem; }
  section { padding:5rem 0; }
  .mc-images { grid-template-rows:220px 150px; }
  #cta::before { font-size:8rem; }
  .quarto-panel.active { grid-template-columns:1fr; }
  .quarto-panel-img { height:280px; }
  .carousel { height:280px; }
  .cta-details { flex-direction:column; gap:1.5rem; }
  .cta-detail { border-right:none; padding-bottom:1.5rem; border-bottom:1px solid rgba(122,158,126,.3); }
  .cta-detail:last-child { border-bottom:none; }
}
/* QUARTOS SWIPE HINT */
.quartos-swipe-hint { display:none; font-size:.72rem; letter-spacing:.15em; text-transform:uppercase; color:var(--verde-sage); margin-top:.8rem; }

/* COMODIDADES "e muito mais" */
.comod-mais { text-align:center; font-family:'Cormorant Garamond',serif; font-size:2rem; font-style:italic; font-weight:300; color:var(--verde-musgo); margin-top:2.5rem; }

/* TRIPADVISOR */
.tripadvisor-block { margin-top:3rem; text-align:center; }
.tripadvisor-link { display:inline-flex; align-items:center; gap:1rem; text-decoration:none; color:var(--verde-musgo); font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; transition:opacity .3s; }
.tripadvisor-link:hover { opacity:.75; }
.tripadvisor-logo { height:64px; width:auto; }

@media (max-width:900px) {
  .quartos-swipe-hint { display:block; }
  .tripadvisor-logo { height:75px; }
}