:root{--bg:#1E1E1E;--bg2:#141414;--card:#262626;--txt:#F2F0EC;--mut:#C9C4BC;--acc:#E8590C;--acch:#C94A08;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:#FF8A4C}a:hover{color:#FFA674}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.2;font-weight:600;margin:0 0 .6em}
h2{font-size:clamp(1.6rem,4vw,2.4rem)}h3{font-size:1.3rem}
.wrap{width:min(1180px,92%);margin:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
.btn{display:inline-block;background:var(--acc);color:#fff;text-decoration:none;font-weight:700;padding:.8em 1.5em;border-radius:999px;border:2px solid var(--acc);transition:.2s}
.btn:hover,.btn:focus{background:var(--acch);border-color:var(--acch);color:#fff}
.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--acc)}
/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(20,20,20,.94);backdrop-filter:blur(8px);border-bottom:1px solid #2c2c2c}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--txt);text-decoration:none;font-family:Georgia,serif;font-size:1.1rem}
.brand img{width:44px;height:44px;border-radius:50%}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem}
nav.main a{color:var(--txt);text-decoration:none;font-weight:500}nav.main a:hover,nav.main a[aria-current]{color:var(--acc)}
.social{display:flex;gap:.5rem}
.social a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#2e2e2e;transition:.2s}
.social a:hover{background:var(--acc)}.social svg{width:18px;height:18px;fill:#fff}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:1.7rem;cursor:pointer;padding:.2rem .4rem}
@media(max-width:860px){.menu-btn{display:block}nav.main{position:absolute;top:100%;left:0;right:0;background:#141414;display:none;border-bottom:1px solid #2c2c2c}
nav.main.open{display:block}nav.main ul{flex-direction:column;gap:0;padding:.5rem 4%}nav.main a{display:block;padding:.75rem 0}
.bar .social{display:none}}
/* promo */
#promo{background:#0f4d48;border-bottom:3px solid var(--acc)}
#promo .in{display:flex;align-items:center;gap:1rem;padding:.8rem 0}
#promo picture img{width:84px;height:84px;object-fit:cover;border-radius:10px}
#promo p{margin:0;flex:1}#promo .btn{padding:.5em 1.1em;white-space:nowrap}
#promo .x{background:none;border:0;color:#fff;font-size:1.4rem;cursor:pointer}
@media(max-width:600px){#promo .in{flex-wrap:wrap}#promo picture{display:none}}
/* hero */
.hero{position:relative;min-height:min(88vh,760px);display:grid;align-items:end}
.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(20,20,20,.92))}
.hero .wrap{position:relative;z-index:1;padding:5rem 0 3.5rem}
.hero h1{font-size:clamp(2.1rem,6.5vw,4.2rem);max-width:15ch}
.hero p{font-size:clamp(1.05rem,2.2vw,1.3rem);max-width:46ch;color:#EDE8E0}
.ctas{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.page-head{padding:3.5rem 0 1rem}.page-head p{color:var(--mut);max-width:60ch}
section{padding:3.5rem 0}.alt{background:var(--bg2)}
/* cards */
.grid{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.grid.c3{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.card img{aspect-ratio:16/10;object-fit:cover;width:100%}
.card .b{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.card .b .btn{margin-top:auto;align-self:flex-start}
.price{color:var(--acc);font-weight:700}
.meta{list-style:none;padding:0;margin:.3rem 0;color:var(--mut);font-size:.95rem}.meta li{margin:.2rem 0}
.feat{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:760px){.feat{grid-template-columns:repeat(3,1fr)}}
.feat div{border-left:3px solid var(--acc);padding:.4rem 1rem}
.split{display:grid;gap:2rem;align-items:center}@media(min-width:860px){.split{grid-template-columns:1fr 1fr}}
.split img{border-radius:var(--r)}
.tour{display:grid;gap:1.5rem;padding:2.2rem 0;border-bottom:1px solid #333}
@media(min-width:860px){.tour{grid-template-columns:5fr 6fr;align-items:center}.tour:nth-child(even) picture{order:2}}
.tour img{border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;width:100%}
table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.6rem;border-bottom:1px solid #383838}th{color:var(--acc)}
.tbl{overflow-x:auto}
.note{border:2px solid var(--acc);border-radius:18px;padding:1.4rem 1.6rem;background:#232323}
.note ul{padding-left:1.2rem}.note li{margin:.5rem 0}
details{background:var(--card);border-radius:10px;padding:.9rem 1.1rem;margin:.6rem 0}summary{cursor:pointer;font-weight:600}
.map{border:0;width:100%;height:380px;border-radius:var(--r)}
footer.site{background:#111;padding:2.5rem 0 5.5rem;color:var(--mut);font-size:.95rem}
footer .cols{display:grid;gap:1.5rem}@media(min-width:760px){footer .cols{grid-template-columns:2fr 1fr 1fr}}
footer a{color:var(--txt)}footer ul{list-style:none;padding:0;margin:0}
.wa-float{position:fixed;right:16px;bottom:16px;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.5);z-index:60}
.wa-float svg{width:30px;height:30px;fill:#fff}
@media(min-width:861px){.wa-float{display:none}footer.site{padding-bottom:2.5rem}}
.split>*{min-width:0}.split img{width:100%}
@media(max-width:600px){#promo p{flex-basis:calc(100% - 2.5rem);font-size:.95rem}}
