*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:#383838;background:#fff}.top{height:82px;display:flex;align-items:center;padding:0 6%;gap:38px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 1px 8px #00000012}.brand{font-size:21px;font-weight:300;letter-spacing:1.2px;text-decoration:none;color:#333;white-space:nowrap}.brand span{font-weight:700}.top nav{margin-left:auto;display:flex;gap:30px}.top nav a,footer nav a{font-size:12px;letter-spacing:.7px;text-transform:uppercase;text-decoration:none;color:#555}.call{background:#b19a69;color:#fff;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1px;padding:13px 20px}.hero{height:610px;background:url('assets/hero.jpg') center/cover no-repeat;position:relative;display:grid;place-items:center}.shade{position:absolute;inset:0;background:rgba(0,0,0,.28)}.hero-content{position:relative;text-align:center;color:#fff}.hero-brand{font-size:46px;font-weight:300;letter-spacing:3px}.hero-brand span{font-weight:700}.rule{width:70px;height:2px;background:#bba474;margin:24px auto}.hero-content p{text-transform:uppercase;letter-spacing:2px;font-size:13px}.section{min-height:520px}.split{display:grid;grid-template-columns:1fr 1fr}.copy{padding:80px 11%;display:flex;flex-direction:column;justify-content:center}.copy h2,.form-wrap h2{font-size:30px;font-weight:400;text-transform:uppercase;letter-spacing:1.5px;margin:0}.small-rule{height:2px;width:48px;background:#b19a69;margin:18px 0 28px}.copy p{font-size:14px;line-height:1.85;color:#666;margin:6px 0}.buy-list p{margin:1px 0}.strong{font-weight:700!important;color:#444!important;margin-top:18px!important}.photo{min-height:520px;background-size:cover;background-position:center}.photo-key{background-image:url('assets/keys.jpeg')}.photo-meeting{background-image:url('assets/meeting.jpeg')}.about{background:#333;display:grid;place-items:center;color:#fff;text-align:center}.about-inner{max-width:760px;padding:90px 30px}.about h2{font-size:30px;text-transform:uppercase;font-weight:400;letter-spacing:1.5px;margin:0}.about p{line-height:1.9;color:#ddd;font-size:14px}.light{margin:18px auto 28px}.contact{display:grid;grid-template-columns:1.4fr .8fr;max-width:1150px;margin:auto;padding:90px 35px;gap:90px}.form-wrap form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-wrap input,.form-wrap textarea{width:100%;border:1px solid #ddd;padding:14px;font-family:inherit;font-size:13px}.form-wrap textarea{grid-column:1/-1}.form-wrap button{width:120px;border:0;background:#b19a69;color:#fff;padding:14px;letter-spacing:1px;cursor:pointer}.contact-data{padding-top:15px}.contact-data h3{font-size:19px;font-weight:500;letter-spacing:1px}.contact-data p{font-size:14px;line-height:1.8;color:#666;margin:24px 0}.contact-data a{color:#666;text-decoration:none}.note{font-size:11px!important;color:#999!important}footer{min-height:95px;background:#262626;color:#aaa;display:flex;align-items:center;padding:0 6%;gap:35px}footer .foot{color:#ddd;font-size:16px}footer nav{margin-left:auto;display:flex;gap:24px}footer nav a{color:#aaa}footer .call{margin-left:15px}@media(max-width:800px){.top{height:70px;padding:0 18px}.top nav{display:none}.top .call{margin-left:auto}.brand{font-size:16px}.hero{height:500px}.hero-brand{font-size:30px}.hero-content p{font-size:10px;padding:0 20px}.split,.contact{grid-template-columns:1fr}.reverse .photo{order:2}.copy{padding:60px 28px}.photo{min-height:330px}.contact{padding:60px 28px;gap:40px}.form-wrap form{grid-template-columns:1fr}.form-wrap textarea{grid-column:auto}footer nav{display:none}footer{justify-content:space-between;padding:25px 20px}}
/* Refinamientos de lectura y adaptación */
html{scroll-padding-top:82px}
body{overflow-x:hidden}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #b19a69;outline-offset:3px}
.top nav a:hover,footer nav a:hover,.contact-data a:hover{color:#b19a69}
.call:hover,.form-wrap button:hover{background:#8f774c}
.hero{height:min(68vw,660px);min-height:490px;background-position:center 48%}
.shade{background:linear-gradient(90deg,rgba(15,24,33,.53),rgba(15,24,33,.24)),linear-gradient(0deg,rgba(15,24,33,.26),transparent 55%)}
.hero-content{padding:0 22px;text-shadow:0 2px 12px #0008}
.hero-brand{font-size:clamp(30px,4.1vw,58px);line-height:1.16;letter-spacing:.055em}
.hero-content p{font-size:clamp(12px,1.1vw,15px);line-height:1.6}
.copy{padding:72px clamp(34px,7vw,112px)}
.copy p,.about p,.contact-data p{font-size:16px;line-height:1.8}
.buy-list p{line-height:1.65;margin:5px 0}
.copy h2,.about h2,.form-wrap h2{font-size:clamp(27px,2.7vw,36px)}
.photo{background-position:center}
.about{background:#26313a}
.contact-intro,.form-hint{font-size:15px;line-height:1.6;color:#686868}
.form-hint{font-size:13px;margin-top:14px}
.form-wrap input,.form-wrap textarea{font-size:15px;border-radius:2px}
.form-wrap button{width:auto;justify-self:start;padding:16px 23px;font-size:12px;border-radius:2px}
.note{font-size:13px!important;line-height:1.5!important;padding:13px 15px;background:#f5f2eb;border-left:3px solid #b19a69}
@media(max-width:1000px){.top{gap:20px;padding:0 3%}.top nav{gap:15px}.top nav a{font-size:11px}.brand{font-size:17px}.copy{padding:55px 8%}.contact{gap:50px}}
@media(max-width:800px){html{scroll-padding-top:108px}.top{height:auto;min-height:72px;display:flex;flex-wrap:wrap;gap:0;padding:14px 20px 0}.top nav{display:flex;order:3;width:calc(100% + 40px);margin:13px -20px 0;padding:13px 20px;gap:22px;overflow-x:auto;border-top:1px solid #eee;white-space:nowrap}.top nav a{font-size:12px}.top .call{padding:11px 13px;font-size:10px}.hero{height:500px;min-height:0}.hero-brand{overflow-wrap:anywhere}.hero-content p{font-size:12px}.copy{padding:56px 28px}.reverse .photo{order:0}.photo{min-height:300px}.contact{padding:65px 28px;gap:30px}.form-wrap form{grid-template-columns:1fr 1fr}footer{gap:20px}footer .call{margin-left:auto}}
@media(max-width:500px){.brand{font-size:14px;letter-spacing:.4px}.hero{height:440px}.hero-brand{font-size:clamp(27px,7vw,36px);letter-spacing:0}.form-wrap form{grid-template-columns:1fr}.copy p,.about p,.contact-data p{font-size:16px}.about-inner{padding:70px 28px}footer .foot{font-size:13px}footer .call{font-size:10px;padding:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-data{padding-top:0;align-self:start}
.contact-card{background:#26313a;color:#fff;padding:clamp(26px,3.2vw,42px);box-shadow:0 16px 38px rgba(22,34,43,.14);display:flex;flex-direction:column;align-items:flex-start}
.contact-card-label{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#c9ac76}
.phone-link{display:inline-block;color:#fff!important;font-size:clamp(30px,3.1vw,43px);font-weight:700;line-height:1.15;letter-spacing:-.025em;text-decoration:none!important;margin-top:16px;white-space:nowrap}
.phone-link:hover{text-decoration:underline!important;text-decoration-color:#c9ac76!important;text-underline-offset:7px}
.contact-card-hint{font-size:13px;color:#bac4ca;margin-top:9px}
.whatsapp{display:inline-flex;align-items:center;gap:12px;margin-top:31px;background:#23855d;color:#fff!important;text-decoration:none;font-size:15px;font-weight:700;padding:15px 18px;border-radius:3px;transition:background .2s ease,transform .2s ease}
.whatsapp:hover{background:#1a6f4c;transform:translateY(-2px)}
.whatsapp .whatsapp-icon{width:25px;height:25px;flex:none}
.contact-data .contact-email{font-size:14px;line-height:1.7;color:#666;margin:22px 0 0}
.contact-email a{color:#26313a;text-decoration:underline;text-decoration-color:#b19a69;text-underline-offset:3px;overflow-wrap:anywhere}
@media(max-width:500px){.contact-card{padding:27px 24px}.phone-link{font-size:clamp(27px,8vw,39px)}.whatsapp{width:100%;justify-content:center;font-size:14px;padding:15px 12px}}

.contact-simple{display:block;max-width:none;background:#f7f7f5;padding:88px 24px 100px}
.contact-simple-inner{max-width:600px;margin:0 auto}
.contact-simple h2{font-size:clamp(27px,2.7vw,36px);font-weight:400;letter-spacing:1.5px;text-transform:uppercase;margin:0}
.contact-simple .contact-intro{font-size:16px;line-height:1.7;margin:0 0 30px;color:#555}
.contact-simple .contact-card{max-width:600px}
@media(max-width:800px){.contact-simple{padding:64px 24px 76px}}