:root{color-scheme:dark;--gold:#eebc61;--cream:#fff1cd;--green:#0b2318}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#041009;color:var(--cream);font-family:Arial,Helvetica,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #fff3be;outline-offset:5px}.symbols{position:absolute;width:0;height:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}main{max-width:660px;margin:auto;overflow:hidden;box-shadow:0 0 100px #000}main[inert]{visibility:hidden;height:100svh}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;line-height:1.7;color:var(--gold)}.entrance{position:fixed;inset:0;z-index:10;display:grid;place-items:center;overflow:auto;background:#07140c}.door{position:absolute;top:0;width:50.2%;height:100%;background:linear-gradient(#06100970,#07150c),url('assets/floresta.jpg') center/cover;transition:transform 1.4s cubic-bezier(.65,0,.2,1);border:1px solid #96713d50}.door-left{left:0;transform-origin:left}.door-right{right:0;transform-origin:right;background-position:right}.entry-content{position:relative;width:min(100%,530px);padding:26px 24px;text-align:center;transition:opacity .35s,transform .6s}.entry-content>img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;margin:18px auto 22px;border-radius:3px;box-shadow:0 15px 65px #000}.entry-content .primary{max-width:370px;margin:auto}.entry-content p{font-size:11px;color:#d7cbaa}.opening .entry-content{opacity:0;transform:translateY(20px);pointer-events:none}.opening .door-left{transform:translateX(-100%)}.opening .door-right{transform:translateX(100%)}.opening{background:transparent;pointer-events:none}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:55px;border-radius:6px;font-weight:700;transition:transform .2s,filter .2s}.primary{width:100%;padding:16px 18px;color:#241807;border:1px solid #ffe3a0;background:linear-gradient(120deg,#bf8130,#f5ce7f 50%,#d59d49);box-shadow:0 5px 0 #704415,0 10px 25px #0005}.primary:hover{filter:brightness(1.1)}.primary:active,.secondary:active{transform:translateY(3px)}.hero{position:relative;background:#09180c}.cover{width:100%;height:auto;display:block}.hero:after{content:'';position:absolute;bottom:0;height:27%;width:100%;background:linear-gradient(transparent,#0b2015);pointer-events:none}.hero-footer{position:absolute;bottom:3%;width:100%;text-align:center;z-index:2}.down{display:block;font-size:30px;width:48px;height:40px;margin:auto;animation:down 2s ease-in-out infinite}.details{position:relative;background:radial-gradient(ellipse at 50% 25%,#1b3925,#0b2015 65%);text-align:center;padding:32px 28px 45px}.details-content{position:relative;z-index:2}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,7.5vw,48px);line-height:1.12;margin:15px 0 18px}h1 em{color:var(--gold)}.intro{max-width:400px;margin:0 auto 25px;font-size:15px;line-height:1.65;color:#e3dfcb}.date{display:flex;align-items:center;justify-content:center;gap:20px;padding:17px 0;border-top:1px solid #ba8c4255;border-bottom:1px solid #ba8c4255}.date>strong{font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--gold)}.date div{display:grid;gap:8px;text-align:left}.date span{font-size:13px;letter-spacing:2px}.date b{font-size:16px}.place{margin:30px 0}.place h2{font-family:Georgia,serif;font-weight:400;color:var(--gold);font-size:clamp(29px,7vw,40px);margin:9px 0 3px}.buffet{letter-spacing:6px;font-size:11px}.place p{font-size:14px;line-height:1.7;color:#dbddca;margin-bottom:0}.secondary-actions{display:flex;gap:10px;margin-top:16px}.secondary{width:50%;border:1px solid #b695555e;background:#08180d;padding:12px 6px;font-size:13px;gap:7px}.explorers{position:relative;background:linear-gradient(#0b2015,transparent 24%,#06150d 76%),url('assets/floresta.jpg') center/cover;padding:0 26px 22px;text-align:center}.dinosaur-stage{height:290px;position:relative;max-width:450px;margin:auto}.trex{position:absolute;height:270px;width:auto;right:3%;bottom:0;transform-origin:50% 95%;animation:trex 5s ease-in-out infinite;filter:drop-shadow(0 14px 15px #000)}.braco{position:absolute;height:245px;width:auto;left:5%;bottom:15px;transform-origin:50% 95%;animation:braco 7s ease-in-out infinite;filter:brightness(.8) drop-shadow(0 12px 10px #000)}.note{position:relative;z-index:2;margin-top:12px}.note h2{font-family:Georgia,serif;font-size:31px;font-weight:400;line-height:1.15;margin:12px 0 18px}.note p{font-size:14px;line-height:1.8;max-width:380px;margin:0 auto 20px;color:#dce1cf}.note strong{color:var(--cream)}.note .closing{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:20px}footer{background:#06150d;text-align:center;font-size:10px;letter-spacing:3px;padding:25px 10px 35px;color:#b9bb9c}footer span{color:var(--gold);padding:0 8px}.sound{position:fixed;right:14px;bottom:max(16px,env(safe-area-inset-bottom));z-index:6;border:1px solid #bca05c77;background:#102317eb;color:#f5d98e;border-radius:50%;width:44px;height:44px;font-size:23px;box-shadow:0 4px 12px #0005}.sound[aria-pressed=false]{opacity:.65}.sound[aria-pressed=false]:after{content:'';position:absolute;left:10px;top:21px;width:24px;transform:rotate(-45deg);border-top:1px solid currentColor}.mist,.ground-mist{position:absolute;bottom:0;left:-15%;width:130%;height:35%;background:radial-gradient(ellipse,#e6e9cd22,transparent 65%);pointer-events:none;animation:mist 9s ease-in-out infinite alternate}.ground-mist{z-index:2}.embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ember{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffbe59;box-shadow:0 0 8px #ff8b24;animation:ember var(--duration) linear infinite;animation-delay:var(--delay);left:var(--left);top:45%;opacity:0}.foliage{position:absolute;top:70px;width:90px;height:220px;opacity:.23;pointer-events:none;background:repeating-linear-gradient(30deg,transparent 0 15px,#799751 16px 25px,transparent 26px 32px);clip-path:polygon(50% 0,100% 20%,60% 20%,100% 40%,60% 40%,100% 65%,60% 65%,100% 90%,50% 100%,0 90%,40% 65%,0 65%,40% 40%,0 40%,40% 20%,0 20%);animation:leaf 5s ease-in-out infinite alternate;transform-origin:bottom center}.foliage.left{left:-30px}.foliage.right{right:-30px;animation-delay:-2s}dialog{width:min(92%,440px);border:1px solid #a17d46;border-radius:14px;padding:34px 25px 26px;background:radial-gradient(ellipse at top,#23412a,#0b1f14);color:var(--cream);box-shadow:0 25px 90px #0009}dialog::backdrop{background:#020a06d9;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:14px 0}dialog p{font-size:14px;line-height:1.5;color:#d0d6c3}.close{position:absolute;right:6px;top:6px;width:44px;height:44px;background:none;color:#eed5a5;border:0;font-size:30px}label{display:block;margin:18px 0 8px;font-size:13px;font-weight:bold}input{width:100%;height:51px;border:1px solid #80916c;background:#07160d;border-radius:5px;color:#fff6df;padding:12px;font-size:16px}input::placeholder{color:#929e87}form .primary{margin:25px 0 18px;font-size:14px}small{display:block;font-size:11px;line-height:1.6;color:#b7c2aa}body.modal-open{overflow:hidden}@keyframes down{50%{transform:translateY(6px)}}@keyframes trex{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-8px)}}@keyframes braco{0%,100%{transform:rotate(2deg)}50%{transform:rotate(-3deg) translateY(-5px)}}@keyframes mist{to{transform:translateX(15%);opacity:.45}}@keyframes leaf{to{transform:rotate(9deg)}}@keyframes ember{10%{opacity:.8}100%{transform:translate(25px,-200px);opacity:0}}@media(min-width:700px){body{background:radial-gradient(ellipse at top,#213322,#020a05)}.entry-content{width:470px}.details{padding:45px 65px}.hero-footer{bottom:4%}.dinosaur-stage{height:340px}.trex{height:320px}.braco{height:285px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ember{display:none}}@media(max-height:600px){.entry-content>img{max-height:53svh}.entry-content{padding:12px 24px}.entry-content .eyebrow{font-size:8px}}