:root{--wine:#651b2a;--wine2:#43101b;--gold:#d5a642;--ink:#171417;--cream:#f7f2e9;--white:#fff;--muted:#6e6668;--line:#ded6d0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit}.topbar{height:84px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:56px;height:56px;object-fit:contain}.brand span{display:grid;line-height:1.15}.brand strong{font-family:Georgia,serif;font-size:20px}.brand small{color:var(--wine);font-weight:700}.topbar nav{display:flex;gap:26px}.topbar nav a{text-decoration:none;font-weight:700;font-size:14px}.phone-mini{background:var(--wine);color:#fff;text-decoration:none;font-weight:800;padding:11px 18px;border-radius:4px}.hero{min-height:620px;display:grid;align-items:center;position:relative;background:url('/assets/cerrajero-girona-apertura-vivienda.webp') center/cover no-repeat;color:#fff}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,7,13,.94) 0%,rgba(67,16,27,.78) 48%,rgba(0,0,0,.18) 100%)}.hero-content{position:relative;z-index:1;width:min(760px,90%);margin-left:max(6vw,28px)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:13px;font-weight:900;color:#f1c867}.eyebrow.dark{color:var(--wine)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.08;margin:.25em 0}h1{font-size:clamp(42px,6vw,76px);max-width:780px}h2{font-size:clamp(34px,4vw,52px)}h3{font-size:24px}.hero p{font-size:19px;max-width:680px;color:#f3e9e4}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:4px;text-decoration:none;font-weight:900;border:0;cursor:pointer;font-size:15px}.gold{background:var(--gold);color:#231500}.outline{border:1px solid rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.06)}.burgundy{background:var(--wine);color:#fff}.trust{display:flex;gap:30px;flex-wrap:wrap;padding:0;list-style:none;font-weight:800;font-size:14px}.trust li:before{content:'✓';color:var(--gold);margin-right:8px}.quick-note{background:var(--gold);padding:18px max(6vw,28px);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.quick-note a{font-weight:900}.section{padding:90px max(6vw,28px)}.heading{max-width:740px;margin-bottom:40px}.heading>span{color:var(--wine);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:13px}.heading p,.area p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cards article{padding:30px;border:1px solid var(--line);background:#fff}.cards article>span{color:var(--gold);font-weight:900}.cards p{color:var(--muted)}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;background:#22161a;padding:8px}.gallery figure{margin:0;min-height:420px;position:relative;overflow:hidden}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.gallery figure:hover img{transform:scale(1.025)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 22px 20px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-weight:900}.booking-wrap{padding:90px max(6vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:var(--cream)}.booking-copy p{color:var(--muted);font-size:17px}.steps{display:grid;gap:14px;margin-top:30px}.steps div{display:flex;align-items:center;gap:14px}.steps b{width:38px;height:38px;border-radius:50%;background:var(--gold);display:grid;place-items:center}.steps span{font-weight:800}form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;padding:34px;box-shadow:0 18px 50px rgba(50,28,30,.12)}.field{display:grid;gap:7px}.full{grid-column:1/-1}label{font-size:13px;font-weight:900}input,select,textarea{width:100%;font:inherit;border:1px solid #cfc7c2;border-radius:3px;padding:12px;background:#fff}textarea{resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-weight:600}.consent input{width:auto;margin-top:5px}.form-note{font-size:12px;color:var(--muted);text-align:center;margin:0}.area{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.area a{color:var(--wine);font-weight:800}.map iframe{width:100%;height:390px;border:0}footer{background:#1d1618;color:#eee;padding:55px max(6vw,28px) 24px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}footer img{width:90px;background:#fff;border-radius:4px}footer div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}footer a{color:#eac36c;text-decoration:none}footer small{grid-column:1/-1;border-top:1px solid #4a3c40;padding-top:18px;color:#bbb}.floating-call{display:none;position:fixed;right:18px;bottom:18px;z-index:30;background:var(--gold);color:#201400;padding:13px 18px;border-radius:99px;font-weight:900;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}@media(max-width:900px){.topbar nav{display:none}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery .wide{grid-column:1/-1}.booking-wrap,.area{grid-template-columns:1fr}.booking-wrap{gap:30px}footer{grid-template-columns:1fr 1fr}.floating-call{display:block}}@media(max-width:600px){.topbar{height:72px;padding:0 16px}.brand img{width:44px;height:44px}.brand strong{font-size:16px}.brand small{font-size:11px}.phone-mini{display:none}.hero{min-height:690px}.hero-content{margin:0 auto}.hero p{font-size:17px}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.gallery figure{min-height:310px}.section,.booking-wrap{padding:68px 20px}form{grid-template-columns:1fr;padding:22px}.field,.full{grid-column:1}footer{grid-template-columns:1fr;padding:45px 20px 80px}.actions .btn{width:100%}}