@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111111;--cream:#f8f8f5;--orange:#d60913;--line:#deded9;--muted:#60615d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h2{font-size:clamp(32px,4vw,55px);line-height:1.13;letter-spacing:-2px;font-weight:600}em{font-style:normal;color:var(--orange)}p{line-height:1.7}.topline{background:var(--ink);color:#eeeee4;display:flex;justify-content:space-between;padding:11px 4.3%;font-size:10px;letter-spacing:1.9px}.topline span:last-child{letter-spacing:.4px}header{display:flex;align-items:center;justify-content:space-between;padding:23px 4.3%;gap:22px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand-sub{display:block;letter-spacing:2.5px;font-size:9px;font-weight:500;margin-top:3px}nav{display:flex;gap:34px;font-size:13px}nav a:hover,.text-link:hover,.facebook:hover{text-decoration:underline;text-underline-offset:5px}.head-actions{display:flex;align-items:center;gap:26px}.language{background:none;border:0;font-size:12px;padding:10px 0}.language span{margin-left:5px;color:var(--muted)}.small-call{font-size:12px;background:var(--ink);color:white;padding:13px 20px}.hero{display:grid;grid-template-columns:49% 51%;min-height:630px}.hero-copy{padding:65px 9% 30px}.eyebrow{font-size:10px;letter-spacing:1.8px;line-height:1.6;font-weight:600;display:flex;align-items:center;gap:9px}.dot{width:6px;height:6px;background:var(--orange);display:inline-block;border-radius:50%;flex-shrink:0}h1{font-weight:500;font-size:clamp(58px,6.7vw,106px);line-height:1.04;letter-spacing:-6px;margin:28px 0 25px}.hero-copy>p{font-size:14px;color:var(--muted);max-width:370px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;padding:17px 22px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#b80710;transform:translateY(-2px)}.orange{background:var(--orange);color:white}.text-link{font-size:12px;font-weight:500}.hero-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:55px;padding-top:22px;font-size:9px;letter-spacing:1.5px}.mini-door{font-size:27px;color:#7d8677}.hero-photo{position:relative;overflow:hidden;background:#aaa68d;min-height:610px}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 25%,transparent 70%,#0007)}.photo-top,.photo-label{position:absolute;z-index:1;color:#fff;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:1.5px}.photo-top{top:26px}.photo-label{bottom:26px;flex-direction:column;gap:8px}.photo-label span:last-child{letter-spacing:.4px;opacity:.8}.service-strip{display:flex;justify-content:space-around;gap:18px;align-items:center;background:var(--orange);padding:23px 4%;font-size:11px;font-weight:600;letter-spacing:1.5px}.service-strip>span:nth-child(even){font-size:20px;font-weight:400}.section{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:48px}.section-heading h2{margin-top:16px}.section-heading>p{max-width:315px;font-size:14px;color:var(--muted)}.service-row{display:grid;grid-template-columns:45px 1fr 170px 35px;align-items:center;gap:26px;border-top:1px solid var(--line);padding:30px 0;transition:padding .2s}.service-row:hover{padding-left:12px}.service-row:last-child{border-bottom:1px solid var(--line)}.number{align-self:start;padding-top:4px;font-size:11px;color:var(--muted)}.service-row h3{font-size:23px;font-weight:600;letter-spacing:-.7px}.service-row p{font-size:13px;color:var(--muted);max-width:530px;margin-top:8px}.service-tag{font-size:10px;text-align:right;color:var(--muted)}.arrow{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.styles{background:#e7e9df;display:grid;grid-template-columns:40% 60%;gap:0;align-items:center}.style-copy{padding-right:45px}.style-copy h2{margin:18px 0 24px}.style-copy p{font-size:13px;color:var(--muted)}.style-controls{display:flex;gap:15px;margin:26px 0}.style-button{background:none;border:0;padding:4px 0 10px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;border-bottom:2px solid transparent;font-size:10px;min-width:67px;color:var(--muted)}.style-button.active{border-color:var(--ink);color:var(--ink)}.swatch{height:28px;width:28px;border-radius:50%;display:block;border:3px solid #fff8}.swatch.modern{background:#343b37}.swatch.classic{background:#eee9d9}.swatch.warm{background:#996741}.door-demo{width:100%;padding-top:25px}.architecture{padding:62px 11% 0;background:linear-gradient(130deg,#d4c8b3,#c5b8a0);position:relative;box-shadow:inset 0 8px 0 #b5aa95,inset 0 11px 0 #e8dfcc;border-bottom:26px solid #c2bfb1;overflow:hidden}.visual-door{height:245px;width:100%;background:#343b37;box-shadow:0 0 0 7px #5e5b4e,inset 8px 8px 14px #0005;position:relative;transition:background .4s;border:1px solid #1c2422}.visual-door:after{content:'';width:25px;height:3px;background:#101713;position:absolute;bottom:20px;left:calc(50% - 12px)}.visual-door.classic{background:#e5dfd0;border-color:#aca596}.visual-door.warm{background:repeating-linear-gradient(90deg,#956841 0,#956841 24px,#895d39 25px,#a07450 28px);border-color:#6b4a32}.windows{display:flex;gap:12px;padding:20px 7%}.windows i{display:block;height:28px;flex:1;background:linear-gradient(140deg,#5c7775,#243d3d);border:4px solid #222a25;box-shadow:0 1px 0 #fff1}.classic .windows i{border-color:#c8c1b1}.door-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-evenly;pointer-events:none}.door-lines i{border-top:1px solid #0006;border-bottom:1px solid #fff1;width:100%}.classic .door-lines i{height:28px;width:90%;margin:0 5%;border:1px solid #b8b1a1;box-shadow:0 1px 0 #fff8}.wall-light{position:absolute;top:83px;width:6px;height:30px;background:#33392f;box-shadow:0 13px 15px 3px #f3dcaa7a}.left-light{left:4%}.right-light{right:4%}.demo-caption{display:flex;justify-content:space-between;gap:16px;font-size:8px;letter-spacing:.6px;padding-top:17px;color:var(--muted)}.demo-caption span:first-child{font-weight:600;color:var(--ink)}.process{background:var(--ink);color:var(--cream)}.process>.eyebrow{color:#c3c7b7}.process h2{margin:18px 0 48px;max-width:600px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #68705e;padding-top:24px}.steps article>span{color:var(--orange);font-size:12px}.steps h3{font-size:19px;font-weight:500;margin:20px 0 12px;letter-spacing:-.5px}.steps p{font-size:13px;color:#b9bfb1;max-width:300px}.faq-section{display:grid;grid-template-columns:40% 60%;gap:35px}.faq-section h2{margin-top:17px}.faqs details{border-top:1px solid var(--line);padding:22px 0}.faqs details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:22px;line-height:1}.faqs details[open] summary:after{content:'−'}.faqs p{font-size:13px;color:var(--muted);margin-top:18px;max-width:530px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:75px;background:#e7e9df}.contact h2{font-size:clamp(45px,5vw,72px);margin:23px 0 30px;letter-spacing:-3.5px}.phone{font-size:clamp(23px,2.7vw,35px);letter-spacing:-1.2px;font-weight:500;border-bottom:1px solid #adb2a3;display:inline-block;padding-bottom:8px}.contact-copy>p{font-size:12px;color:var(--muted);margin-top:18px}.facebook{font-size:12px;display:inline-block;margin-top:26px}.contact form{background:var(--cream);padding:32px}.contact form h3{font-size:21px;font-weight:600;letter-spacing:-.6px}.form-note{font-size:11px;color:var(--muted);margin:10px 0 24px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-bottom:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}input,select,textarea{width:100%;border:1px solid #c9cfc1;background:transparent;border-radius:0;padding:11px;color:var(--ink);font-size:13px}input:focus,textarea:focus,select:focus{outline:2px solid #708365;outline-offset:1px}textarea{resize:vertical}form>.button{width:100%}#message-result{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.copy-button{border:1px solid var(--ink);background:var(--ink);color:white;padding:10px 15px;margin-right:15px;font-size:12px}#copy-status{font-size:11px;margin-top:12px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 4.3%}footer .brand{font-size:17px}footer .brand-sub{font-size:7px}footer>span,footer>a:last-child{font-size:9px;color:var(--muted)}.mobile-bar{display:none}@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero-copy{padding-top:80px}.hero{min-height:730px}}@media(max-width:1050px){nav{gap:20px}.head-actions{gap:15px}.hero-copy{padding-top:45px}h1{letter-spacing:-4px}.hero-actions{gap:17px}.hero-foot{margin-top:35px}.hero{min-height:610px}.service-row{grid-template-columns:30px 1fr 30px;gap:16px}.service-tag{display:none}.section{padding:70px 5%}.style-copy{padding-right:27px}.visual-door{height:210px}.contact{gap:35px}.contact form{padding:25px}.faq-section{grid-template-columns:35% 65%;gap:15px}}@media(max-width:750px){.topline{font-size:8px;letter-spacing:1px;padding:10px 5%}.topline span:last-child{display:none}header{padding:18px 5%;gap:10px}.brand{font-size:18px;gap:9px}.brand img{width:35px;height:35px}.brand-sub{font-size:7px;letter-spacing:1.8px}.head-actions{gap:18px}nav,.small-call{display:none}.language{font-size:13px;padding:10px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:39px 6% 31px}.eyebrow{font-size:8px;letter-spacing:1.1px}h1{font-size:70px;letter-spacing:-4px;margin:24px 0}.hero-copy>p{font-size:13px;max-width:400px}.hero-actions{gap:22px}.hero-foot{margin-top:30px;padding-top:17px;font-size:8px}.hero-photo{min-height:350px}.photo-top,.photo-label{left:22px;right:22px}.service-strip{padding:19px 6%;font-size:8px;letter-spacing:.7px;gap:12px;flex-wrap:wrap;justify-content:center}.service-strip>span:nth-last-child(-n+2){display:none}.service-strip>span:nth-child(even){font-size:13px}.section{padding:57px 6%}h2{font-size:35px;letter-spacing:-1.8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:400px;font-size:13px}.service-row{padding:26px 0;grid-template-columns:23px 1fr 30px;gap:12px}.service-row h3{font-size:19px}.service-row p{font-size:12px}.arrow{width:30px;height:30px}.styles{grid-template-columns:1fr}.style-copy{padding-right:0}.style-copy h2 br{display:none}.style-copy p{max-width:450px}.style-controls{gap:27px}.style-button{font-size:11px}.door-demo{margin-top:28px}.architecture{padding-top:43px}.visual-door{height:210px}.demo-caption{font-size:7px}.process h2{margin-bottom:34px}.steps{grid-template-columns:1fr;gap:26px}.steps article{padding-top:18px}.steps h3{margin-top:15px;font-size:19px}.steps p{max-width:440px}.faq-section{grid-template-columns:1fr;gap:28px}summary{font-size:13px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:56px}.contact form{padding:24px 20px}.phone{font-size:30px}.fields{grid-template-columns:1fr;gap:0}footer{flex-wrap:wrap;padding:28px 6% 90px;gap:22px}footer>span{order:3;width:100%}footer>a:last-child{margin-left:auto;font-size:8px}.mobile-bar{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;box-shadow:0 -2px 15px #0001;background:var(--ink);padding-bottom:env(safe-area-inset-bottom)}.mobile-bar a{padding:18px 12px;font-size:12px;text-align:center}.mobile-bar a:first-child{background:var(--orange);width:65%;font-weight:600}.mobile-bar a:last-child{width:35%;color:white}html{scroll-padding-top:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
html[lang=es] h1{font-size:clamp(54px,5.8vw,94px)}
@media(max-width:750px){h1{font-size:clamp(54px,17vw,70px)}html[lang=es] h1{font-size:clamp(42px,13.6vw,64px);letter-spacing:-3px}}

/* Supplied El Garage Doors brand */
header{padding-top:12px;padding-bottom:12px;background:#fff}.brand img.official-logo{width:185px;height:auto;display:block}.service-strip{color:white}.mobile-bar a:first-child{color:white}.service-strip>span:nth-child(even){color:#fff}.repair-focus{background:#fff;display:grid;grid-template-columns:minmax(0,45%) minmax(0,55%);align-items:center;gap:0}.repair-art{max-width:420px;margin:0 auto;width:100%}.repair-art img{display:block;width:100%;height:auto}.repair-copy{padding-left:65px}.repair-copy h2{font-size:clamp(32px,3.6vw,52px);margin:18px 0 24px}.repair-copy>p{font-size:13px;color:var(--muted)}.repair-items{list-style:none;margin:25px 0 30px;padding:0;display:grid;gap:14px}.repair-items li{font-size:13px;padding-left:25px;position:relative}.repair-items li:before{content:'✓';position:absolute;left:0;color:var(--orange);font-weight:700}.architecture{border-bottom-color:#c2bfb1}footer .brand img.official-logo{width:160px;height:auto}.demo-caption span{line-height:1.5}html[lang=es] .hero-copy .eyebrow{letter-spacing:1px}@media(max-width:1050px){.repair-copy{padding-left:35px}}@media(max-width:750px){.brand img.official-logo{width:150px;height:auto}header{padding-top:9px;padding-bottom:9px}.repair-focus{grid-template-columns:1fr;gap:35px}.repair-art{max-width:340px}.repair-copy{padding:0}.repair-copy h2{font-size:35px}.repair-items{grid-template-columns:1fr;gap:13px}.service-strip{font-size:8px}footer .brand img.official-logo{width:135px;height:auto}.topline{font-size:7px;letter-spacing:.7px}}