/*
Theme Name: Haven Build
Description: Tema a medida para Haven Build (Maryland Home Remodeling). Diseño 02 convertido a WordPress.
Version: 1.0.0
Author: Edgar
Text Domain: haven-build
*/
:root{--ink:#122234;--accent:#f66b31;--paper:#f7f8fa;--muted:#617081;--line:#dce1e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}img{width:100%;height:100%;object-fit:cover;display:block}.switch{background:var(--ink);color:white;display:flex;justify-content:center;gap:24px;align-items:center;padding:11px 20px;font-size:14px}.switch a{opacity:.65}.switch a.current{opacity:1;border-bottom:2px solid var(--accent);padding-bottom:4px}.wrap{max-width:1320px;margin:auto;padding:0 5%}header{background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:91px;gap:25px}.logo{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:12px}.mark{width:35px;height:35px;background:var(--accent);display:grid;place-items:center;color:var(--ink);font-size:22px;letter-spacing:-5px;padding-right:5px}.logo small{display:block;font-size:10px;letter-spacing:2.5px;font-weight:600;margin-top:3px}.links{display:flex;gap:28px;font-size:14px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--ink);padding:16px 24px;border:0;font-weight:700;font-size:14px;min-height:48px}.btn.secondary{background:transparent;border:1px solid currentColor}.menu{display:none;background:transparent;border:1px solid var(--line);padding:10px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:700;display:block;margin-bottom:21px}.hero{position:relative;min-height:690px;color:white;background:var(--ink);overflow:hidden}.hero>img{position:absolute;inset:0;opacity:.68}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,35,.88),rgba(5,20,35,.05))}.hero-content{position:relative;z-index:1;padding-top:115px;padding-bottom:90px}.hero h1{font:800 clamp(46px,6vw,80px)/1.07 Manrope,sans-serif;letter-spacing:-3px;max-width:780px;margin:0 0 25px}.hero h1 em{color:var(--accent);font-style:normal}.hero p{font-size:18px;line-height:1.7;max-width:510px;color:#e4e9ed;margin-bottom:34px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-note{margin-top:58px;display:flex;align-items:center;gap:18px;font-size:13px}.hero-note span{border-left:1px solid #7d8a97;padding-left:18px}.band{background:var(--ink);color:white}.band .wrap{padding-top:27px;padding-bottom:27px;display:flex;justify-content:space-between;gap:25px;font-size:14px}.band b{color:var(--accent);margin-right:12px}section{padding:95px 0}.heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}h2{font:800 clamp(32px,4vw,48px)/1.13 Manrope,sans-serif;letter-spacing:-1.7px;margin:0;max-width:640px}.heading p{max-width:350px;color:var(--muted);line-height:1.7;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.service:hover{background:white}.number{color:var(--accent);font:700 14px Manrope;display:block;margin-bottom:30px}h3{font:700 22px Manrope;margin:0 0 12px;letter-spacing:-.5px}.service p{color:var(--muted);line-height:1.7;margin:0}.projects{background:white}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:11px 19px;background:transparent;color:var(--ink)}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.project{border:0;text-align:left;background:transparent;padding:0;color:var(--ink)}.project figure{height:340px;overflow:hidden;margin:0 0 19px}.project img{transition:transform .5s}.project:hover img{transform:scale(1.035)}.project:first-child{grid-row:span 2}.project:first-child figure{height:610px}.project-meta{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-bottom:8px}.project h3{font-size:23px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-photo{height:510px;position:relative}.about-photo .tag{position:absolute;bottom:25px;left:25px;right:25px;background:var(--paper);padding:22px;font-weight:700}.about p{color:var(--muted);font-size:17px;line-height:1.8}.checks{list-style:none;padding:0;margin:30px 0}.checks li{padding:13px 0;border-bottom:1px solid var(--line);font-weight:500}.checks li:before{content:'✓';color:var(--accent);margin-right:14px}.process{background:var(--ink);color:white}.process .eyebrow{color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:50px}.steps article{border-top:1px solid #53606b;padding-top:25px}.steps p{color:#c6ced5;line-height:1.7}.steps .number{font-size:30px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}details{border-bottom:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-weight:700;font-size:18px;line-height:1.5}details p{line-height:1.8;color:var(--muted)}.contact{background:#e9edf1}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact p{line-height:1.8;color:var(--muted)}.contact h2{max-width:460px}.form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{font-size:14px;font-weight:600;display:block}input,select,textarea{width:100%;border:1px solid #c7d0d7;background:white;color:var(--ink);padding:14px;margin-top:8px;border-radius:0;min-height:48px}textarea{height:115px;resize:vertical}.full{grid-column:1/-1}.form-note{font-size:12px!important;margin:0}#feedback{line-height:1.6;font-weight:600}footer{background:var(--ink);color:white;padding:45px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:22px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#a8b4bf;margin-top:40px;padding-top:20px;border-top:1px solid #435160}dialog{border:0;padding:0;width:min(850px,92vw);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#061420bb}dialog img{height:380px}dialog .detail{padding:25px}dialog .close{position:absolute;right:12px;top:12px;border:0;background:white;width:44px;height:44px;font-size:24px}.detail p{line-height:1.7;color:var(--muted)}[hidden]{display:none!important}
body.editorial{--ink:#163c31;--accent:#d1ef5b;--paper:#fbfcf6;--muted:#5e716a;--line:#d7e0d6}.editorial .hero{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;min-height:700px}.editorial .hero>img{position:relative;grid-column:2;grid-row:1;opacity:1;height:700px;border-radius:180px 0 0 0}.editorial .hero:after{display:none}.editorial .hero-content{grid-column:1;grid-row:1;padding:95px 9% 55px 10%;margin:0;max-width:none}.editorial .hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-2px;font-size:clamp(48px,5.6vw,78px)}.editorial .hero h1 em{color:var(--ink);font-style:italic;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:12px;text-decoration-thickness:6px}.editorial .hero p{color:var(--muted)}.editorial h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(35px,4vw,52px)}.editorial .btn{border-radius:100px}.editorial .band{background:var(--accent);color:var(--ink)}.editorial .band b{color:var(--ink)}.editorial .service-grid{grid-template-columns:repeat(2,1fr);border:0;gap:20px}.editorial .service{border:1px solid var(--line);border-radius:12px;padding:32px}.editorial .number{color:var(--ink)}.editorial .project-grid{grid-template-columns:repeat(3,1fr)}.editorial .project:first-child{grid-row:auto}.editorial .project figure,.editorial .project:first-child figure{height:340px;border-radius:100px 100px 8px 8px}.editorial .about-photo img{border-radius:10px 120px 10px 10px}.editorial .about-photo .tag{border-radius:8px}.editorial .contact{background:#edf2e2}.editorial .process .number{color:var(--accent)}
@media(min-width:1600px){.hero-content{padding-top:130px}.editorial .hero-content{padding-left:max(10%,calc((100vw - 1320px)/2))}}@media(max-width:1000px){.links{gap:16px}.nav>.btn{display:none}.hero h1{max-width:650px}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid{gap:40px}.steps{grid-template-columns:repeat(2,1fr)}.editorial .hero-content{padding-top:70px}.editorial .hero h1{font-size:52px}.editorial .hero>img{height:650px}.editorial .project-grid{grid-template-columns:1fr 1fr}.editorial .project:nth-child(odd):last-child{grid-column:1/-1}.faq-grid{gap:40px}}
@media(max-width:700px){.switch{gap:16px;font-size:12px}.switch>span{display:none}.nav{height:75px}.logo{font-size:19px}.menu{display:block}.links{display:none;position:absolute;top:75px;left:0;right:0;background:var(--paper);padding:25px 5%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.links.open{display:flex}.hero{min-height:630px}.hero-content{padding-top:90px;padding-bottom:55px}.hero h1{font-size:48px;letter-spacing:-2px}.hero p{font-size:16px}.hero-note{margin-top:35px}.band .wrap{display:grid;grid-template-columns:1fr;gap:16px;padding:25px 5%}.band .wrap span{font-size:14px}section{padding:65px 0}.heading{display:block}.heading p{margin-top:20px}.service-grid,.editorial .service-grid{grid-template-columns:1fr}.service{padding:26px}.number{margin-bottom:18px}.project-grid,.editorial .project-grid{grid-template-columns:1fr}.project:first-child{grid-row:auto}.project figure,.project:first-child figure,.editorial .project figure,.editorial .project:first-child figure{height:290px}.editorial .project:last-child{grid-column:auto}.about-grid,.contact-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.about-photo{height:380px}.steps{gap:24px}.steps h3{font-size:20px}.steps p{font-size:15px}.form{grid-template-columns:1fr}.form>*{grid-column:1}.footer-top,.footer-bottom{flex-direction:column}.footer-links{flex-wrap:wrap}.editorial .hero{display:flex;flex-direction:column}.editorial .hero-content{padding:60px 5% 40px}.editorial .hero h1{font-size:54px}.editorial .hero>img{height:370px;border-radius:90px 0 0 0;order:2}.editorial .hero-note{margin-top:28px}dialog img{height:250px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}.screen-reader-text{position:absolute;left:-9999px}#feedback.ok{color:#1d6b3a}#feedback.err{color:#a32020}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}.page-content{padding:60px 0}.page-content h1{font:400 clamp(32px,4vw,48px)/1.15 Georgia,serif}
.custom-logo-link{display:flex;align-items:center}.custom-logo-link img{width:auto;height:48px;object-fit:contain}.project figure:empty{background:var(--line)}