@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#f6f3ec;background:#0c1b29;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,90px);gap:25px;background:#0b1b29;border-bottom:1px solid #b59258}.brand{font-family:Georgia,serif;font-size:2rem;letter-spacing:.35em;color:#d3b077}.top nav,.header-actions{display:flex;align-items:center;gap:clamp(12px,2vw,32px)}.top nav a,.header-actions{font-size:.9rem}.outline,.button{border:1px solid #caa66b;padding:14px 22px;border-radius:2px}.outline:hover,.ghost:hover{background:#caa66b;color:#102334}.hero{min-height:600px;background:linear-gradient(90deg,#081a2b 0%,rgba(8,26,43,.91) 28%,rgba(8,26,43,.25) 70%),url('assets/quatro-de-abril.jpg') center center / cover}.hero-inner{padding:clamp(80px,9vw,135px) clamp(24px,6vw,110px);max-width:850px}.eyebrow{color:#caa66b;letter-spacing:.24em;font-size:.82rem;font-weight:700}.hero h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:400}.hero h1{font-size:clamp(3.2rem,6vw,6rem);line-height:1.05;margin:24px 0 10px}.hero p{font-family:Georgia,serif;font-size:clamp(1.2rem,2vw,1.65rem)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;background:#bd9557;color:white}.button.ghost{background:transparent}.destinations{background:#f8f5ee;color:#102334;padding:60px clamp(24px,5vw,90px) 75px}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.intro h2{font-size:clamp(2.2rem,3.3vw,3.5rem);margin:10px 0 24px}.intro p{max-width:330px;line-height:1.5}.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.destination{min-height:350px;padding:30px;display:flex;align-items:end;justify-content:space-between;gap:15px;background-color:#172b3d;color:#fff;position:relative;overflow:hidden}.destination:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#081a29 0%,transparent 75%),url('assets/quatro-de-abril.jpg') center / cover;opacity:.95}.destination.amaro:before{background-position:right bottom}.destination>*{position:relative}.destination h3{font-size:2.5rem;margin:8px 0}.destination p{margin:0}.destination a{padding:12px 18px;border:1px solid #d9b77d;white-space:nowrap}.details,.about{padding:95px clamp(24px,8vw,140px);max-width:1250px}.details h2,.about h2{font-size:clamp(2.3rem,4vw,4.2rem)}.details p,.about p{font-size:1.2rem;line-height:1.8;max-width:850px}.details-actions{margin-top:38px}.about{background:#12283b;max-width:none}footer{padding:30px clamp(24px,5vw,90px);display:flex;gap:26px;flex-wrap:wrap;justify-content:space-between;color:#d8c9ad;font-size:.9rem}.portal-body{min-height:100vh;background:#071725}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #32495a}.portal-main{width:min(1200px,90vw);margin:42px auto 90px}.portal-main h1{font:400 clamp(2.4rem,5vw,4rem) 'Playfair Display',serif;margin:12px 0 8px}.muted{color:#bdc6ce}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.panel{background:#122a3e;border:1px solid #355065;padding:24px;border-radius:8px}.panel h2{font:400 1.45rem 'Playfair Display',serif;margin:0 0 18px}.panel.wide{grid-column:span 2}.panel p{line-height:1.6}.panel a{color:#dfbb7f;text-decoration:underline}.record{padding:12px 0;border-top:1px solid #355065}.record:first-of-type{border:0}.record strong{display:block}.record small{color:#bcc8d0}.auth-box{max-width:430px;margin:8vh auto;padding:36px;background:#122a3e;border:1px solid #365065}.field{display:block;margin:18px 0}.field span{display:block;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;padding:12px;color:#fff;background:#0b1e2f;border:1px solid #597085;border-radius:4px}.field textarea{min-height:90px}.primary{padding:12px 20px;background:#bd9557;color:#081a29;border:0;border-radius:3px}.secondary{background:transparent;border:1px solid #bd9557;color:#e8d3ad;padding:10px 15px}.status{padding:12px 0;color:#e6c68f}.hidden{display:none!important}@media(max-width:980px){.top nav{display:none}.intro{display:block}.cards{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.top{height:auto;min-height:70px;flex-wrap:wrap;padding:14px 20px}.brand{font-size:1.5rem}.header-actions{font-size:.8rem;gap:12px}.outline{padding:9px}.hero{min-height:510px;background-position:62% center}.hero-inner{padding:65px 24px}.destination{min-height:280px;flex-wrap:wrap}.portal-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}footer{justify-content:start}}

.destination.amaro:before{background-image:linear-gradient(0deg,#081a29 0%,transparent 75%),url('assets/amarotati.jpg');background-size:cover;background-position:center}
