*{box-sizing:border-box}
:root{
  --prim:#1f2b38; /* azul oscuro del logo */
  --acc:#e0b52a; /* amarillo dorado */
  --acc2:#c99021;
  --soft:#f6f8fb;
}
html,body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;scroll-behavior:smooth}
.container{width:min(1100px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.9);backdrop-filter:saturate(150%) blur(6px);border-bottom:1px solid #eee}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--prim)}
.brand-icon{width:38px;height:auto}
.brand-text{line-height:1}
.brand-text strong{font-size:1.2rem;letter-spacing:.5px}
.brand-text span{display:block;font-size:.8rem;font-weight:500;color:#5e6d7e}
.nav a{margin:0 10px;text-decoration:none;color:#2f3a46;font-weight:500}
.nav a:hover{color:var(--acc)}
.cta{padding:.55rem .9rem;background:var(--prim);color:#fff;border-radius:10px;text-decoration:none}
.cta:hover{background:#16202a}
.hero{position:relative;min-height:72vh;background:url('assets/hero.jpg') center/cover no-repeat;display:grid;place-items:center}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.35))}
.hero-content{position:relative;color:#fff;text-align:center;padding:80px 0}
.hero h1{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 12px;font-weight:700}
.hero h1 span{color:var(--acc)}
.hero p{opacity:.95}
.hero-actions{margin-top:16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn{border-radius:12px;padding:.8rem 1rem;text-decoration:none;display:inline-block;border:2px solid transparent;transition:.2s}
.btn.primary{background:var(--acc);color:#000;font-weight:700}
.btn.primary:hover{background:var(--acc2)}
.btn.ghost{border-color:#fff;color:#fff}
.btn.ghost:hover{background:#ffffff1a}
.section{padding:64px 0}
.bg-soft{background:var(--soft)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:20px}
.card{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;box-shadow:0 10px 20px rgba(0,0,0,.03)}
.card h3{margin-top:0;color:var(--prim)}
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.prop{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.03)}
.prop img{width:100%;height:240px;object-fit:cover;display:block}
.prop-info{padding:16px}
.features{display:grid;grid-template-columns:1fr;gap:4px;margin:10px 0 8px;padding-left:18px}
.price{font-weight:700;color:var(--prim)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.gallery img{width:100%;height:170px;object-fit:cover;border-radius:10px;border:1px solid #eee;transition:transform .2s}
.gallery a:hover img{transform:scale(1.02)}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000}
.lightbox img{max-width:96vw;max-height:86vh;border-radius:10px}
.lightbox.show{display:flex}
.lightbox-close{position:absolute;top:12px;right:16px;background:#fff;border:none;border-radius:40px;width:40px;height:40px;font-size:28px;line-height:40px;cursor:pointer}
.video-wrapper{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;border:1px solid #eee;background:#000}
.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.embed-title{font-weight:700;margin-bottom:10px;color:var(--prim)}
.fb-iframe-wrapper{width:100%;aspect-ratio:5/6;position:relative;overflow:hidden;border-radius:12px;border:1px solid #eee;background:#fff}
.fb-iframe-wrapper iframe{position:absolute;inset:0;width:100%;height:100%}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.contact-card,.form-card{background:#fff;border:1px solid #eee;border-radius:14px;padding:18px;box-shadow:0 10px 20px rgba(0,0,0,.03)}
.contact-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.map-wrapper{border-radius:12px;overflow:hidden;border:1px solid #eee}
.map-wrapper iframe{width:100%;height:300px}
.form-card form{display:grid;gap:10px}
label{display:grid;gap:6px;font-weight:600;color:#445}
input,textarea{padding:.75rem;border:1px solid #dfe3ea;border-radius:10px;font-family:inherit}
button.btn{cursor:pointer}
.footer{padding:30px 0;background:var(--prim);color:#fff}
.footer a{color:var(--acc);text-decoration:none}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.whatsapp-float{position:fixed;right:16px;bottom:16px;background:#25D366;color:#fff;border-radius:50%;width:62px;height:62px;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.2);z-index:999;text-decoration:none}
.fadein{opacity:0;transform:translateY(14px);transition:all .6s ease}
.fadein.visible{opacity:1;transform:none}
@media (max-width:720px){
  .hero{min-height:60vh}
  .prop img{height:200px}
  .gallery img{height:150px}
}