:root{--charcoal:#202124;--ink:#303033;--white:#fff;--paper:#f7f4ee;--sand:#d9c7aa;--beige:#eee5d6;--gold:#b9965a;--line:rgba(32,33,36,.13);--muted:#6e6a62;--shadow:0 24px 80px rgba(21,21,18,.13)}
[data-theme=dark]{--charcoal:#f7f4ee;--ink:#f2ede4;--white:#171719;--paper:#202124;--sand:#5f523f;--beige:#2a2926;--gold:#d5b36e;--line:rgba(255,255,255,.14);--muted:#c7bda9;--shadow:0 24px 80px rgba(0,0,0,.34)}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--white);color:var(--ink);letter-spacing:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1180px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}[data-theme=dark] .site-header{background:rgba(23,23,25,.88)}.navbar-brand{display:flex;gap:.7rem;align-items:center;font-weight:800;color:var(--charcoal)}.navbar-brand img{height:42px;max-width:150px;object-fit:contain}.nav-link{font-weight:600;color:var(--ink);font-size:.95rem}.btn-gold{background:var(--gold);color:#181713;border:0;border-radius:4px;font-weight:800;padding:.75rem 1rem}.btn-outline-gold{border:1px solid var(--gold);color:var(--charcoal);border-radius:4px;font-weight:800;padding:.75rem 1rem}.theme-toggle{width:42px;height:42px;border:1px solid var(--line);background:var(--white);color:var(--charcoal);border-radius:4px}.hero{min-height:86vh;display:flex;align-items:end;background:linear-gradient(90deg,rgba(18,18,16,.72),rgba(18,18,16,.28)),var(--hero);background-size:cover;background-position:center;color:#fff;padding:8rem 0 5rem}.hero h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:1;font-weight:900;max-width:900px}.hero p{font-size:1.15rem;max-width:690px;color:#f2eadc}.section{padding:5.5rem 0}.section-soft{background:var(--paper)}.eyebrow{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.section-title{font-weight:900;color:var(--charcoal);font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.service-card,.project-card,.blog-card,.ref-card,.faq-shell,.admin-card{border:1px solid var(--line);background:var(--white);border-radius:8px;overflow:hidden;box-shadow:0 6px 30px rgba(0,0,0,.04)}.service-card{padding:2rem;height:100%}.service-card i{color:var(--gold);font-size:2rem}.project-card img,.blog-card img{width:100%;height:265px;object-fit:cover}.project-card .body,.blog-card .body{padding:1.25rem}.filter-btn{border:1px solid var(--line);background:var(--white);border-radius:4px;padding:.65rem .9rem;font-weight:800}.filter-btn.active{background:var(--charcoal);color:var(--white)}.counter{font-size:3rem;font-weight:900;color:var(--gold)}.cta-band{background:var(--charcoal);color:var(--white);padding:4rem 0}.cta-band p{color:rgba(255,255,255,.72)}.page-hero{padding:7rem 0 4rem;background:var(--paper);border-bottom:1px solid var(--line)}.content-block{font-size:1.05rem;line-height:1.8}.content-block h2,.content-block h3{font-weight:900;color:var(--charcoal);margin-top:1.5rem}.breadcrumb{font-size:.9rem}.form-control,.form-select{border-radius:4px;border:1px solid var(--line);padding:.82rem;background:var(--white);color:var(--ink)}.site-footer{background:#181817;color:#f5efe2;padding:4.5rem 0 1.5rem}.site-footer h3,.site-footer h4{font-weight:900}.site-footer a{display:block;color:#d8cbb7;margin:.45rem 0}.socials{display:flex;gap:.7rem}.socials a,.whatsapp-float{display:grid;place-items:center}.socials a{width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:4px}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14);margin-top:3rem;padding-top:1.5rem;color:#b8ad9a}.whatsapp-float{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;font-size:1.8rem;z-index:60;box-shadow:var(--shadow)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.gallery-grid img{height:230px;width:100%;object-fit:cover;border-radius:8px;cursor:pointer}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;z-index:100}.lightbox.open{display:flex}.lightbox img{max-height:90vh;max-width:92vw}.before-after{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:16/9;background:#222}.before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.before-after .after{clip-path:inset(0 50% 0 0)}.before-after input{position:absolute;left:5%;right:5%;bottom:20px;width:90%;z-index:2}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:#181817;color:#fff;padding:1.5rem;position:sticky;top:0;height:100vh;overflow:auto}.admin-sidebar a{display:block;padding:.65rem .75rem;border-radius:4px;color:#e8decd}.admin-sidebar a:hover{background:rgba(255,255,255,.08)}.admin-main{padding:2rem;background:#f5f2ec}.table img{width:72px;height:48px;object-fit:cover;border-radius:4px}.badge-soft{background:var(--beige);color:var(--charcoal);border-radius:3px;padding:.35rem .5rem}@media(max-width:991px){.hero{min-height:72vh;padding-top:6rem}.admin-layout{display:block}.admin-sidebar{position:static;height:auto}.section{padding:4rem 0}.navbar-collapse{padding-top:1rem}}@media(max-width:575px){.hero h1{font-size:2.35rem}.page-hero{padding:5rem 0 3rem}.project-card img,.blog-card img{height:215px}.footer-bottom{display:block}}