/* Estilo industrial premium: base carbón, acentos dorados, tipografía condensada y estructura asimétrica. */
:root{--ink:#0d0d0d;--panel:#141414;--panel-2:#1c1c1c;--line:#343434;--gold:#c9a84c;--gold-hi:#f5c842;--cream:#f3f0eb;--muted:#978f85;--display:'Bebas Neue',Impact,sans-serif;--cond:'Barlow Condensed',Arial,sans-serif;--body:'Barlow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--panel);color:var(--cream);font-family:var(--body);font-size:16px;line-height:1.6}.container{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{position:fixed;inset:0 0 auto;z-index:30;height:72px;transition:.3s}.site-header.scrolled{background:rgba(13,13,13,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 rgba(255,255,255,.07)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;flex-direction:column;text-decoration:none;line-height:1}.brand span{font:1.35rem var(--display);letter-spacing:.16em;color:#fff}.brand small{margin-top:5px;color:var(--gold);font:600 .62rem var(--cond);letter-spacing:.21em}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:#d0cbc4;text-decoration:none;font:600 .82rem var(--cond);letter-spacing:.16em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:#fff}.nav-links .nav-contact{padding:10px 21px;background:var(--gold);border-radius:4px;color:var(--ink)}.nav-links .nav-contact:hover{background:var(--gold-hi);color:var(--ink)}.menu-toggle{display:none;border:0;background:transparent;width:35px;padding:4px}.menu-toggle i{display:block;width:25px;height:2px;margin:5px 0;background:#fff;transition:.25s}.hero{isolation:isolate;position:relative;min-height:690px;height:100vh;display:flex;align-items:center;overflow:hidden}.hero-slides,.hero-slide,.hero-shade{position:absolute;inset:0}.hero-slides{z-index:-2}.hero-slide{background:center/cover no-repeat;opacity:0;transition:opacity 1s}.hero-slide.active{opacity:1}.hero-shade{z-index:-1;background:linear-gradient(110deg,rgba(0,0,0,.91),rgba(0,0,0,.76) 43%,rgba(0,0,0,.36)),linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.3))}.hero-content{padding-top:80px}.eyebrow{margin:0 0 14px;color:var(--gold-hi);font:600 .77rem var(--cond);letter-spacing:.3em;text-transform:uppercase}.hero h1{max-width:750px;margin:0 0 23px;font:clamp(4.5rem,10vw,8.5rem)/.83 var(--display);letter-spacing:.02em;color:#fff;text-shadow:0 2px 20px #000}.hero h1 strong{display:block;color:var(--gold-hi);font-weight:400}.hero-copy{max-width:585px;margin:0 0 35px;color:#eee;font-size:1.1rem;text-shadow:0 1px 7px #000}.hero-actions{display:flex;flex-wrap:wrap;gap:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border:1px solid transparent;border-radius:4px;text-decoration:none;font:600 .88rem var(--cond);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:transform .25s,background .25s,border .25s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(135deg,var(--gold-hi),var(--gold));color:#141414;box-shadow:0 5px 20px rgba(201,168,76,.35)}.button-primary:hover{background:var(--gold-hi)}.button-outline{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.42);color:#fff}.button-outline:hover{border-color:var(--gold-hi);color:var(--gold-hi)}.button svg{width:16px;height:16px;fill:none;stroke:currentColor}.scroll-hint{position:absolute;bottom:32px;left:50%;display:flex;align-items:center;flex-direction:column;gap:8px;color:rgba(255,255,255,.42);font:600 .62rem var(--cond);letter-spacing:.22em;text-transform:uppercase}.scroll-hint i{display:block;width:1px;height:38px;background:linear-gradient(#999,transparent);animation:scroll 1.8s infinite}@keyframes scroll{50%{opacity:.25;transform:scaleY(.7)}}.stats{background:var(--gold)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;min-height:118px;padding:22px 10px;border-right:1px solid rgba(0,0,0,.15);text-align:center}.stat:last-child{border:0}.stat strong{font:clamp(2.8rem,4vw,4rem)/1 var(--display);color:#121212}.stat sup{font:2.2rem/1 var(--display);color:rgba(0,0,0,.72)}.stat span{width:100%;color:rgba(0,0,0,.65);font:600 .72rem var(--cond);letter-spacing:.15em;text-transform:uppercase}.section{padding:110px 0}.services,.about,.contact{background:var(--panel)}.gallery-section,.footer{background:var(--ink)}.section-heading{max-width:760px;margin-bottom:50px}.section-heading h2,.about h2,.contact h2{margin:0 0 15px;color:#fff;font:clamp(2.5rem,4.5vw,4rem)/.98 var(--display);letter-spacing:.02em}.section-heading>p:last-child{max-width:630px;margin:0;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.service-card{min-height:262px;padding:35px 30px;background:var(--panel-2);border-bottom:2px solid transparent;transition:.3s}.service-card:hover{background:#212121;border-color:var(--gold);transform:translateY(-4px)}.service-card svg{display:block;width:48px;height:48px;margin-bottom:24px;fill:none;stroke:var(--gold);stroke-width:1.5}.service-card h3,.steps h3{margin:0 0 11px;color:#fff;font:700 1.2rem var(--cond);letter-spacing:.08em;text-transform:uppercase}.service-card p,.steps p{margin:0;color:var(--muted);font-size:.9rem}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}.filter-bar button{padding:10px 19px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:var(--muted);font:600 .76rem var(--cond);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:.2s}.filter-bar button:hover,.filter-bar button.active{border-color:var(--gold);background:var(--gold);color:#141414}.gallery-grid{columns:4 230px;gap:7px}.gallery-item{display:block;position:relative;overflow:hidden;width:100%;margin:0 0 7px;padding:0;border:0;border-radius:4px;background:#222;break-inside:avoid;cursor:pointer}.gallery-item.is-hidden{display:none}.gallery-item img{display:block;width:100%;height:auto;transition:transform .5s}.gallery-item span{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9));color:#fff;font:600 .75rem var(--cond);letter-spacing:.13em;text-align:left;text-transform:uppercase;opacity:0;transition:.25s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:hover span{opacity:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-images{position:relative;height:510px}.about-images img{position:absolute;object-fit:cover;border-radius:4px}.about-one{inset:0 auto auto 0;width:75%;height:73%;filter:brightness(.78)}.about-two{inset:auto 0 0 auto;width:65%;height:64%;border:4px solid var(--panel);box-shadow:0 8px 35px #000}.experience{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);background:var(--gold);color:#111;text-align:center;box-shadow:0 5px 25px #000}.experience strong{font:3.1rem/.8 var(--display)}.experience span{margin-top:5px;font:700 .55rem/1.15 var(--cond);letter-spacing:.08em;text-transform:uppercase}.about-copy>p{color:var(--muted)}.about-copy b{color:#fff}.about-copy ul{display:grid;gap:19px;margin:30px 0;padding:0;list-style:none}.about-copy li{position:relative;padding-left:40px;color:var(--muted);font-size:.9rem}.about-copy li:before{position:absolute;left:0;top:2px;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--gold);color:#111;content:'✓';font-weight:700}.about-copy li b,.about-copy li span{display:block}.about-copy li b{font:700 1rem var(--cond);letter-spacing:.07em;text-transform:uppercase}.process{position:relative;overflow:hidden;background:var(--panel-2)}.process-word{position:absolute;top:48%;left:50%;color:rgba(255,255,255,.016);font:18vw var(--display);letter-spacing:.1em;transform:translate(-50%,-50%);pointer-events:none}.process-content{position:relative}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.steps span{display:block;margin-bottom:18px;color:rgba(201,168,76,.3);font:4.3rem/.8 var(--display)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-copy>p:not(.eyebrow){margin:0 0 32px;color:var(--muted)}.contact-card{display:flex;align-items:center;gap:15px;margin:10px 0;padding:17px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2);color:#fff;text-decoration:none;transition:.2s}.contact-card:hover{border-color:var(--gold);transform:translateX(4px)}.contact-card i{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:50%;background:#272727;color:var(--gold);font-style:normal;font-size:1.35rem}.contact-card.whatsapp i{color:#25d366}.contact-card small,.contact-card b{display:block}.contact-card small{color:var(--muted);font:600 .68rem var(--cond);letter-spacing:.13em;text-transform:uppercase}.contact-card b{font:700 1.12rem var(--cond);letter-spacing:.04em}.contact-form{padding:38px;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}.contact-form h3{margin:0 0 25px;color:#fff;font:700 1.35rem var(--cond);letter-spacing:.1em;text-transform:uppercase}.contact-form label{display:block;margin:0 0 15px;color:var(--muted);font:600 .7rem var(--cond);letter-spacing:.14em;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid var(--line);border-radius:4px;outline:0;background:#252525;color:#fff;font:400 .92rem var(--body);letter-spacing:normal;text-transform:none;transition:border .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold)}.contact-form textarea{resize:vertical}.form-button{width:100%;margin-top:5px}.form-note{margin:13px 0 0;color:#69645c;text-align:center;font-size:.72rem}.footer{border-top:1px solid rgba(255,255,255,.07)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:70px 0}.footer p{margin:8px 0;color:var(--muted);font-size:.86rem}.footer .brand+p{max-width:275px;margin-top:20px}.footer h3{margin:0 0 18px;color:var(--gold);font:700 .8rem var(--cond);letter-spacing:.18em;text-transform:uppercase}.footer a:not(.brand){display:block;margin:8px 0;color:var(--muted);text-decoration:none;font-size:.86rem}.footer a:not(.brand):hover{color:#fff}.footer .footer-wa{display:inline-block;margin-top:10px;padding:8px 14px;border:1px solid rgba(37,211,102,.35);border-radius:4px;background:rgba(37,211,102,.08);color:#25d366}.footer-bottom{padding:20px 24px;border-top:1px solid rgba(255,255,255,.07);color:#65615a;text-align:center;font-size:.73rem;letter-spacing:.05em}.floating-phone{position:fixed;right:26px;bottom:26px;z-index:25;display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--gold);color:#151515;text-decoration:none;font-size:1.55rem;box-shadow:0 5px 28px rgba(201,168,76,.55);animation:ring 3s infinite}@keyframes ring{50%{box-shadow:0 5px 38px rgba(201,168,76,.9);transform:scale(1.08)}}.lightbox{position:fixed;z-index:50;inset:0;align-items:center;justify-content:center;background:rgba(0,0,0,.95)}.lightbox:not([hidden]){display:flex}.lightbox figure{max-width:88vw;margin:0;text-align:center}.lightbox figure img{display:block;max-width:88vw;max-height:83vh;border-radius:4px}.lightbox figcaption{margin-top:12px;color:var(--muted);font:600 .8rem var(--cond);letter-spacing:.12em;text-transform:uppercase}.lightbox button{position:absolute;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:.2s}.lightbox button:hover{background:var(--gold);color:#111}.lightbox-close{top:24px;right:24px;width:46px;height:46px;font-size:2rem}.lightbox-prev,.lightbox-next{top:50%;width:46px;height:46px;font-size:1.5rem;transform:translateY(-50%)}.lightbox-prev{left:24px}.lightbox-next{right:24px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.nav-links{gap:16px}.services-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{columns:3 190px}.about-grid,.contact-grid{gap:55px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.container{width:min(100% - 32px,1180px)}.site-header{height:64px}.nav{height:64px}.menu-toggle{display:block}.nav-links{position:absolute;top:64px;left:0;right:0;display:none;align-items:stretch;gap:0;padding:12px 0;background:rgba(13,13,13,.98);border-top:1px solid rgba(255,255,255,.07);box-shadow:0 15px 30px #000;flex-direction:column}.nav-links.open{display:flex}.nav-links a{padding:12px 24px}.nav-links .nav-contact{margin:8px 24px}.hero{min-height:620px}.hero-content{padding-top:60px}.hero h1{font-size:clamp(4.1rem,19vw,6.5rem)}.hero-copy{font-size:1rem}.stats-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat{min-height:100px}.section{padding:80px 0}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:30px}.gallery-grid{columns:2 140px}.gallery-item span{opacity:1;font-size:.65rem}.about-grid,.contact-grid{grid-template-columns:1fr}.about-images{height:380px}.about-copy{order:-1}.steps{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.form-row{grid-template-columns:1fr}.contact-form{padding:27px 20px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox figure img{max-width:82vw}.floating-phone{right:18px;bottom:18px}.section-heading h2,.about h2,.contact h2{font-size:2.6rem}}
