:root{--charcoal:#111;--off-white:#f7f4ef;--sand:#d9ccbc;--graphite:#5a5a5a;--gold:#b89a67;--white:#fff;--line:rgba(17,17,17,.12);--shadow:0 18px 45px rgba(17,17,17,.08);--title:"Cormorant Garamond","Times New Roman",serif;--body:"Montserrat",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off-white);color:var(--charcoal);font-family:var(--body);line-height:1.72}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,244,239,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:70px;max-height:58px;object-fit:contain}.brand-text{display:grid;line-height:1}.brand-text strong{font-family:var(--title);font-size:1.28rem}.brand-text span{margin-top:5px;color:var(--graphite);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.menu{display:flex;align-items:center;gap:22px;color:var(--graphite);font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.menu a{padding:8px 0;border-bottom:1px solid transparent}.menu a:hover,.menu a.active{color:var(--charcoal);border-color:var(--gold)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);background:var(--white);font-size:1.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--charcoal);background:var(--charcoal);color:var(--off-white);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-hero{padding:100px 0 72px;background:linear-gradient(90deg,rgba(247,244,239,.98),rgba(247,244,239,.62)),url("../assets/nf/fachada-casa-alto.webp") center/cover}.eyebrow,.category{color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.blog-hero h1,.article-header h1{max-width:900px;margin:14px 0 22px;font:600 clamp(3.2rem,7vw,6.8rem)/.98 var(--title)}.lead{max-width:720px;margin:0;color:var(--graphite);font-size:clamp(1rem,1.8vw,1.15rem)}.section{padding:84px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:38px}.section-head h2,.related h2,.cta h2{margin:0;font:600 clamp(2.4rem,4vw,4.5rem)/1 var(--title)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.filter{padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--graphite);font:600 .72rem var(--body);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.filter.active,.filter:hover{background:var(--charcoal);color:var(--white)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow)}.card[hidden]{display:none}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{display:flex;flex:1;flex-direction:column;padding:24px}.card h2,.card h3{margin:10px 0 12px;font:600 1.75rem/1.08 var(--title)}.card p{margin:0;color:var(--graphite);font-size:.91rem}.meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--graphite);font-size:.74rem}.card .read{margin-top:auto;padding-top:20px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.article-header{padding:76px 0 44px}.breadcrumbs{font-size:.78rem;color:var(--graphite)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:var(--gold)}.article-header h1{font-size:clamp(3rem,6vw,6rem)}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,1fr);gap:68px;align-items:start}.article-main{min-width:0}.hero-image{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:42px}.article-main h2{margin:48px 0 16px;font:600 clamp(2.15rem,4vw,3.5rem)/1.05 var(--title)}.article-main h3{margin:32px 0 12px;font:600 1.65rem/1.1 var(--title)}.article-main p,.article-main li{color:#383838}.article-main ul,.article-main ol{padding-left:24px}.article-main a:not(.btn){border-bottom:1px solid var(--gold)}.article-main table{width:100%;border-collapse:collapse;margin:28px 0;background:var(--white)}.article-main th,.article-main td{padding:13px;text-align:left;border:1px solid var(--line);vertical-align:top}.article-main th{background:var(--sand)}.table-wrap{overflow-x:auto}.toc{position:sticky;top:104px;padding:24px;border:1px solid var(--line);background:var(--white)}.toc strong{font-family:var(--title);font-size:1.45rem}.toc ul{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none;color:var(--graphite);font-size:.82rem}.cta{margin-top:54px;padding:38px;background:var(--sand)}.cta p{max-width:620px}.related{padding:70px 0;background:var(--white);border-top:1px solid var(--line)}.related .cards{margin-top:30px}.footer{padding:34px 0;border-top:1px solid var(--line);color:var(--graphite);font-size:.78rem}.footer .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:960px){.menu{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:12px 20px 18px;background:var(--off-white);border-bottom:1px solid var(--line)}.menu.open{display:flex}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.nav>.btn{display:none}.cards{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{position:static;order:-1}.section-head{display:block}}@media(max-width:640px){.container{width:min(100% - 28px,1160px)}.brand-text span{display:none}.blog-hero,.section{padding:64px 0}.cards{grid-template-columns:1fr}.article-header{padding-top:54px}.article-main table{font-size:.82rem}.cta{padding:26px}.btn{width:100%}}
