*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#17221d;background:#f4f1e8;line-height:1.55}
.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:13px 5vw;background:rgba(248,246,238,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(72,91,77,.18)}
.brand{display:flex;gap:10px;align-items:baseline;color:#173f31;text-decoration:none}.brand b{font-size:2rem;letter-spacing:.03em}.brand small{font-size:.8rem;color:#5d6e63}
.topbar nav{display:flex;gap:clamp(12px,2vw,24px);flex-wrap:wrap}.topbar nav a{color:#173f31;text-decoration:none;font-weight:650;font-size:.92rem}.topbar nav a:hover{color:#2f7654}
.hero{position:relative;overflow:hidden}
.hero-v2{min-height:calc(100vh - 70px);padding:7vh 6vw 5vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:3vw;align-items:center;background:#dfe8dc}
.hero-landscape{position:absolute;inset:0;background-image:url("../img/vale-iguacu.svg");background-size:cover;background-position:center;transform:scale(1.04)}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,246,237,.97) 0%,rgba(247,246,237,.88) 36%,rgba(247,246,237,.36) 67%,rgba(247,246,237,.08) 100%),linear-gradient(0deg,rgba(20,61,46,.18),transparent 35%)}
.hero-copy,.hero-emblem,.scroll-cue{position:relative;z-index:2}
.eyebrow{letter-spacing:.14em;font-size:.76rem;font-weight:800;color:#527563}.hero .eyebrow{display:flex;align-items:center;gap:12px}.hero .eyebrow span{width:58px;height:2px;background:#2d7650;display:inline-block}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.2rem,6.1vw,6.4rem);line-height:.93;max-width:850px;margin:.28em 0;color:#173f31;letter-spacing:-.035em}
.lead{font-size:clamp(1.05rem,1.5vw,1.25rem);max-width:700px;color:#46584e}
.hero-actions{margin:24px 0 28px}.button{display:inline-block;padding:11px 18px;border:1px solid #4e6f60;border-radius:999px;color:#173f31;text-decoration:none;margin:5px;font-weight:700}.button.primary{background:#173f31;color:#fff;box-shadow:0 10px 25px rgba(23,63,49,.18)}.button.glass{background:rgba(255,255,255,.46);backdrop-filter:blur(8px)}
.hero-features{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));max-width:850px;border-top:1px solid rgba(52,86,67,.28);margin-top:25px;padding-top:17px}
.hero-features a{color:#284c3c;text-decoration:none;padding:0 14px;border-left:1px solid rgba(52,86,67,.22)}.hero-features a:first-child{padding-left:0;border-left:0}.hero-features b{display:block;font-size:.86rem}.hero-features small{display:block;color:#69776e;font-size:.7rem;line-height:1.25;margin-top:3px}
.hero-emblem{justify-self:center;width:min(440px,42vw);text-align:center;padding:24px 15px 12px}
.emblem-halo{position:absolute;inset:2% 5% 15%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.78) 0 48%,rgba(255,255,255,.08) 69%,transparent 71%);filter:blur(1px);z-index:-1}
.hero-emblem img{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 28px rgba(31,65,46,.22))}
.emblem-caption{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:-12px;color:#143e30;letter-spacing:.18em;font-family:Georgia,serif;font-size:clamp(.72rem,1vw,.95rem)}.emblem-caption span{height:1px;width:52px;background:#28674a}.hero-emblem p{margin:9px 0 0;color:#4e695b;font-size:.72rem;letter-spacing:.08em}
.scroll-cue{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#244b3b;text-decoration:none;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.scroll-cue span{width:25px;height:38px;border:1px solid rgba(36,75,59,.6);border-radius:20px;position:relative}.scroll-cue span:after{content:"";position:absolute;left:50%;top:9px;width:5px;height:5px;border-right:1px solid #244b3b;border-bottom:1px solid #244b3b;transform:translateX(-50%) rotate(45deg)}

.section{padding:90px 7vw}.section h2{font-size:clamp(2rem,4vw,4rem);line-height:1.05;color:#173f31;margin:.2em 0}.atlas{display:grid;grid-template-columns:220px 1fr;gap:20px;margin-top:35px}.atlas aside{background:#fffdf8;border:1px solid #d8d2c4;border-radius:18px;padding:20px}.atlas aside h3{margin-top:0}.atlas label{display:block;padding:9px 0}.map{position:relative;min-height:520px;overflow:hidden;border-radius:22px;background:linear-gradient(150deg,#dce5d8,#cbd9d0 45%,#e5dfc9);background-image:linear-gradient(#fff5 1px,transparent 1px),linear-gradient(90deg,#fff5 1px,transparent 1px);background-size:50px 50px}.river{position:absolute;width:130%;height:85px;left:-15%;top:45%;background:#769fa1;border-radius:50%;transform:rotate(-12deg)}.point{position:absolute;border:0;border-radius:50%;padding:12px 14px;background:#173f31;color:white;font-weight:800}.p1{left:52%;top:47%}.p2{left:43%;top:60%}.map>b{position:absolute;right:25px;top:25px;letter-spacing:.16em;color:#365748}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:35px}.cards article{background:#fffdf8;border:1px solid #d8d2c4;border-radius:18px;padding:25px;min-height:190px}.cards h3{color:#173f31;font-size:1.45rem}.cards a{color:#365f4c;font-weight:700}.cards em{color:#8a7763;font-size:.85rem}.principle{padding:55px 7vw;background:#173f31;color:white;font-size:clamp(1.5rem,3vw,3rem);line-height:1.1}.principle strong{display:block;color:#dce8d9}.tree-section{background:#e7eadf}.motto{font-weight:750;max-width:800px;color:#365748}footer{padding:35px 7vw;background:#102b22;color:#e8eee8;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.hero-v2{grid-template-columns:1fr;min-height:auto;padding-top:55px;padding-bottom:65px}.hero-overlay{background:linear-gradient(180deg,rgba(247,246,237,.97) 0%,rgba(247,246,237,.83) 48%,rgba(247,246,237,.28) 100%)}.hero-emblem{width:min(430px,82vw);margin:10px auto 0}.hero-features{grid-template-columns:repeat(2,1fr);gap:12px}.hero-features a:nth-child(3){border-left:0;padding-left:0}.hero h1{font-size:clamp(3rem,12vw,5.2rem)}}
@media(max-width:800px){.atlas{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start;gap:7px}.topbar nav{gap:11px}.map{min-height:400px}}
@media(max-width:520px){.hero-features{grid-template-columns:1fr}.hero-features a{border-left:0!important;padding-left:0!important;border-top:1px solid rgba(52,86,67,.16);padding-top:10px}.hero-emblem{width:88vw}.brand small{display:none}}