@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}
.client-body{min-height:100vh;background:radial-gradient(circle at 85% 20%,#28445b,#0a1b2b 58%);color:#f8f5ed}.client-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:40px 20px}.login-card{width:min(480px,100%);background:#10283a;border:1px solid #a88959;padding:clamp(24px,4vw,44px);box-shadow:0 25px 65px #030b14aa}.login-card[hidden]{display:none}.login-card h1{font:400 clamp(2.5rem,5vw,3.5rem) 'Playfair Display',Georgia,serif;margin:16px 0}.login-card p{line-height:1.6;color:#d6dce0}.login-card label{display:block;font-size:.95rem;margin:22px 0;color:#f7f2e7}.login-card input{display:block;width:100%;margin-top:9px;padding:14px;background:#081b2c;color:#fff;border:1px solid #758590;border-radius:2px}.login-card button:disabled{opacity:.6;cursor:wait}.login-card .feedback{min-height:1.5em;color:#f0c98f}
