:root{
  --accent:#E8440A;
  --gray-900:#333333;
  --gray-700:#555555;
  --gray-500:#767676;
  --gray-300:#DEDBD8;
  --gray-200:#F4F3F1;
  --gray-100:#FAFAF9;
  --gray-footer-text:#969696;
  --white:#FFFFFF;
  --radius:10px;
  --maxw:1180px;
  --font: -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font);color:var(--gray-900);background:var(--white);-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:var(--font);cursor:pointer}
img,svg{display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:24px}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.section-title{font-size:clamp(26px,3.6vw,36px);font-weight:700;color:var(--gray-900);line-height:1.15}
.section-sub{font-size:16px;color:var(--gray-700);line-height:1.6;max-width:640px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;padding:14px 26px;border-radius:999px;border:2px solid transparent;transition:transform .15s ease, opacity .15s ease;white-space:nowrap;cursor:pointer}
.btn:hover{text-decoration:none;transform:translateY(-1px)}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{opacity:.92}
.btn-outline{background:transparent;border-color:var(--gray-500);color:var(--gray-900)}
.btn-outline:hover{border-color:var(--gray-900)}
.btn-sm{padding:10px 18px;font-size:14px;border-radius:999px}
.card{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius)}
.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.tag-venta{background:#FCE8DF;color:#9A3207}
.tag-arriendo{background:var(--gray-200);color:var(--gray-700)}
.tag-pendiente{background:var(--gray-200);color:var(--gray-500)}
.icon-badge{width:46px;height:46px;border-radius:12px;background:var(--gray-200);display:flex;align-items:center;justify-content:center;flex:none}
.ph-image{background:linear-gradient(135deg,#ECEAE8,#D8D5D1);display:flex;align-items:center;justify-content:center;color:var(--gray-500)}
.nav-link{font-size:15px;font-weight:500;color:var(--gray-900);background:none;border:none;font:inherit;cursor:pointer}
.nav-link:hover{color:var(--accent);text-decoration:none}
.filter-pill{border:1.5px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-size:14px;font-weight:600;padding:9px 18px;border-radius:999px}
.filter-pill[aria-pressed="true"]{background:var(--gray-900);border-color:var(--gray-900);color:#fff}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field label{font-size:13px;font-weight:700;color:var(--gray-900)}
.form-field input,.form-field select,.form-field textarea{font-family:var(--font);font-size:15px;color:var(--gray-900);border:1.5px solid var(--gray-300);border-radius:8px;padding:12px 14px;background:#fff}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}
.footer-link{color:var(--gray-300);font-size:14px}
.footer-link:hover{color:#fff}
.social-btn{width:40px;height:40px;border-radius:999px;background:#454442;display:flex;align-items:center;justify-content:center;flex:none}
.social-btn:hover{background:var(--accent)}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.enter{animation:fadeUp .5s ease both}
.hidden{display:none !important}
.icon-accent svg path, .icon-accent svg rect, .icon-accent svg circle{stroke:var(--accent)}
.nav-desktop{display:flex}
.menu-toggle-btn{display:none}
@media (max-width: 940px){
  .nav-desktop{display:none}
  .menu-toggle-btn{display:flex}
}
@media (min-width: 941px){
  #mobileNav{display:none !important}
}