*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}
a{color:#0a58ca;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.row{display:flex;align-items:center;justify-content:space-between}
.topbar{position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid #e5e7eb;z-index:50}
.brand{display:flex;align-items:center;gap:10px}.logo{width:28px;height:28px;border-radius:8px;background:#f59e0b}
.nav{display:flex;align-items:center;gap:16px}
.btn{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer}
.btn.primary{background:#111827;color:#fff;border-color:#111827}.btn.primary:hover{background:#0f172a}.btn.small{padding:4px 8px}
.btn.full{width:100%}
.hero{position:relative;height:58vh;min-height:380px}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.15))}
.hero-content{position:relative;color:#fff;bottom:0;transform:translateY(20%)}.hero h1{font-size:36px;margin:0}
.search{margin-top:12px;background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:16px;padding:12px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.search label{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}
.search input[type=date],.search input[type=number]{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:8px}
.search .checkbox{display:flex;align-items:flex-end}
.search .actions{display:flex;align-items:end;gap:8px}
.cards{padding:40px 0}.cards h2{margin:0 0 4px 0}.cards .grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}
.card-body{padding:14px}.card-actions{margin-top:12px}
.placeholder{height:220px;background:repeating-linear-gradient(45deg,#f3f4f6,#f3f4f6 10px,#e5e7eb 10px,#e5e7eb 20px);display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}
.gallery .gal-wrap{position:relative;height:220px;overflow:hidden}
.gallery img.gal-main{width:100%;height:100%;object-fit:cover;display:block}
.gallery .gal-ctrl{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:6px}
.gal-thumbs{display:flex;gap:6px;overflow-x:auto;padding:6px;border-top:1px solid #eee}
.thumb{border:1px solid #e5e7eb;border-radius:8px;padding:0;overflow:hidden;width:64px;height:48px}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.contact{background:#fff;border-top:1px solid #e5e7eb;padding:36px 0}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.map-wrap{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;aspect-ratio:16/9}
.map-wrap iframe{width:100%;height:100%}
.footer{text-align:center;color:#6b7280;padding:28px 0}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}
.modal.hidden{display:none}
.modal-content{background:#fff;border-radius:16px;overflow:hidden;max-width:960px;width:100%}
.modal-content.small{max-width:520px}
.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;padding:12px 16px}
.modal-head button{font-size:20px;border:none;background:transparent;cursor:pointer}
.modal-body{padding:12px 16px}
.modal-body .muted{color:#6b7280;font-size:12px;margin-bottom:8px}
.modal-body iframe{width:100%;height:70vh;border:1px solid #e5e7eb;border-radius:12px}
.choice{display:grid;gap:10px;grid-template-columns:1fr}
.whats{position:fixed;right:16px;bottom:16px;background:#22c55e;color:#fff;border-radius:999px;padding:10px 14px;border:1px solid #16a34a;box-shadow:0 4px 16px rgba(0,0,0,.15)}
@media (max-width:780px){.hero-content{transform:translateY(10%)}.hero h1{font-size:28px}.search{grid-template-columns:repeat(2,1fr)}}