:root{--navy:#17345c;--ink:#203349;--paper:#f7f6f1;--line:#dcded7;--accent:#176763}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}button,input,textarea{font:inherit}.wrap{max-width:1220px;margin:auto;padding:0 34px}.preview{background:#e8ddbd;color:#483d23;padding:7px 20px;text-align:center;font-size:12px}.topline{background:var(--navy);color:white;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;padding:8px 0}.topline .wrap{display:flex;justify-content:space-between;gap:15px}header{background:#fff;border-bottom:1px solid var(--line)}.head{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{text-decoration:none;display:flex;align-items:center;gap:22px}.brand img{width:170px;height:auto}.brand span{border-left:1px solid var(--line);padding-left:22px;font:26px Georgia,serif;white-space:nowrap}nav{display:flex;gap:23px;align-items:center;font-size:13px}nav a{text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}nav a[aria-current=page]{border-color:var(--accent)}.navtoggle{display:none;background:none;border:1px solid var(--line);padding:8px 13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 23px;background:var(--accent);color:#fff;text-decoration:none;border:1px solid var(--accent);font-size:14px;font-weight:bold;cursor:pointer;min-height:49px}.button.light{background:white;color:var(--navy);border-color:white}.button.outline{background:transparent;border-color:var(--line);color:var(--navy)}.hero{position:relative;background:#17345c;color:white;min-height:530px;display:flex;align-items:center;overflow:hidden}.hero::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,29,43,.89),rgba(9,29,43,.48) 60%,rgba(9,29,43,.14)),url('https://www.caborealestatepros.com/images/homeslider1a-cabo-real-estate.jpg') center/cover}.hero .wrap{position:relative;width:100%;padding-top:70px;padding-bottom:75px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2.2px;text-transform:uppercase;color:var(--accent)}.hero .eyebrow{color:#d5c398}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(42px,5vw,70px);margin:20px 0 24px;letter-spacing:-1.8px}h2{font-size:clamp(31px,3.5vw,44px);margin:12px 0 20px;letter-spacing:-.7px}h3{font-size:25px;margin:12px 0}.hero p{max-width:575px;color:#f1f2ef;font-size:17px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.hero .button.outline{color:#fff;border-color:#ffffff70}.strip{border-bottom:1px solid var(--line);background:#fff}.strip .wrap{padding-top:23px;padding-bottom:23px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.strip strong{color:var(--accent)}section{padding:70px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.sectionhead p{max-width:430px;margin:0;color:#5b6974}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);padding:30px}.card .number{color:var(--accent);font:20px Georgia,serif}.card p{font-size:15px;color:#5b6974}.card a{color:var(--accent);font-size:14px;font-weight:bold;text-underline-offset:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.panel{background:var(--navy);color:#fff;padding:45px}.panel h2{font-size:38px}.panel p{color:#e2e9ef}.panel .eyebrow{color:#d5c398}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.community{background:#fff;border:1px solid var(--line);padding:30px;min-height:190px;display:flex;flex-direction:column;align-items:start}.community .eyebrow{font-size:10px}.community h3{flex:1}.community a{font-size:13px;font-weight:bold;color:var(--accent);text-underline-offset:4px}.note{font-size:13px;color:#65717d;max-width:850px}.pagehead{padding:62px 0 32px}.pagehead h1{font-size:52px}.pagehead p{max-width:730px;font-size:18px;color:#5b6974}.searchpanel{background:#fff;border:1px solid var(--line);padding:40px;max-width:100%;min-height:340px}.searchpanel iframe{width:100%;height:900px;border:0}.pending{padding:32px;border:1px dashed #c4cbd0;background:#f4f6f7;margin:20px 0}.pending p{max-width:650px}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.contactblock{border-top:1px solid var(--line);padding:25px 0}.contactblock h3{font-size:22px}.contactblock a{overflow-wrap:anywhere}.qa{border-top:1px solid var(--line);padding:18px 0}.qa summary{cursor:pointer;font-weight:bold}.qa p{color:#5b6974}.formrow{margin-bottom:18px}label{display:block;font-size:13px;font-weight:bold;margin-bottom:6px}input,textarea{padding:13px;background:white;border:1px solid #b7c1c9;width:100%;border-radius:0}textarea{min-height:145px}.formhint{font-size:12px;color:#60717d}.form-status{font-size:14px}.foot{padding:50px 0 25px;background:#122941;color:#e0e6ed}.footgrid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:30px}.foot h3{color:white;font-size:23px}.foot a{display:block;text-decoration:none;margin:8px 0;font-size:14px}.foot p{font-size:14px}.fine{margin-top:35px;border-top:1px solid #ffffff25;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:20px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:5;background:#176b50;color:#fff;padding:12px 18px;text-decoration:none;box-shadow:0 3px 18px #0002;font-size:13px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;background:white;padding:12px;z-index:99}:focus-visible{outline:3px solid #cb963c;outline-offset:4px}.review{border-left:4px solid #bb9b54;padding:17px 22px;background:#fff8e5;margin:20px 0;font-size:14px}@media(max-width:1000px){.head{flex-wrap:wrap;padding-top:20px;padding-bottom:15px;gap:15px}nav{width:100%;justify-content:space-between}.split{gap:30px}.grid,.featuregrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wrap{padding:0 20px}.topline .wrap span:last-child{display:none}.head{min-height:88px}.brand{gap:12px}.brand img{width:120px}.brand span{font-size:22px;padding-left:12px}.navtoggle{display:block}nav{display:none;flex-direction:column;align-items:stretch;gap:2px}nav.open{display:flex}.hero{min-height:530px}.hero .wrap{padding-top:50px;padding-bottom:55px}h1{font-size:47px}.strip .wrap{flex-direction:column;gap:7px}.grid,.featuregrid,.split,.contactgrid,.footgrid{grid-template-columns:1fr}.sectionhead{display:block}.sectionhead p{margin-top:20px}section{padding:45px 0}.pagehead h1{font-size:42px}.panel{padding:28px}.card,.community{padding:26px}.searchpanel{padding:20px}.fine{display:block;padding-bottom:45px}.whatsapp{right:12px;bottom:12px}.preview{font-size:11px}.actions .button{flex-grow:1}}
