:root{--lime:#b9ed18;--ink:#070a08;--panel:#0c100d;--white:#f5f5f0;--muted:#9a9d98}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,86vw);margin:auto}.header{height:92px;padding:0 4.5vw;display:flex;align-items:center;gap:42px;position:absolute;z-index:10;width:100%;border-bottom:1px solid #ffffff1c}.brand img,footer img{width:170px;height:62px}.header nav{display:flex;gap:38px;margin-left:auto}.header nav a,.header .small,.eyebrow,.ticker{font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.menu{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:#10140b;min-height:56px;padding:0 28px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.16em;border:1px solid var(--lime)}.btn.small{min-height:48px}.btn.ghost{background:transparent;color:#fff;border-color:#ffffff4d}.hero{min-height:790px;position:relative;display:flex;align-items:center;overflow:hidden}.hero video{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,3,.92) 0%,rgba(2,5,3,.56) 42%,rgba(80,0,8,.18) 100%)}.hero-content{position:relative;padding-top:80px}.eyebrow{color:#dfe2dc;margin:0 0 28px}.hero .eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:var(--lime);margin:0 12px 3px 0}.hero h1{font-size:clamp(58px,7vw,100px);line-height:.86;text-transform:uppercase;margin:0;letter-spacing:-.05em}.hero h1 em{font-family:Georgia,serif;color:var(--lime);text-transform:none;font-weight:400}.lead{max-width:560px;font-size:18px;line-height:1.55;color:#ddd;margin:36px 0}.actions{display:flex;gap:12px}.address{position:absolute;right:5vw;bottom:75px;border-left:2px solid var(--lime);padding-left:18px;display:flex;flex-direction:column}.address span,.address small{text-transform:uppercase;letter-spacing:.16em;font-size:10px}.address strong{font-size:18px;margin:7px 0}.ticker{background:var(--lime);color:#111;padding:16px;text-align:center;white-space:nowrap;overflow:hidden}.statement{min-height:465px;display:grid;place-items:center;background:linear-gradient(#000a,#000a),url('../images/work-2.webp') center/cover}.center{text-align:center}.statement h2,.section h2,.process h2,.qualities h2,.contact h2{font-size:clamp(42px,5vw,68px);line-height:1.05;font-weight:400;margin:0}.statement h2 em,.section h2 em,.process h2 em,.qualities h2 em,.contact h2 em{font-family:Georgia,serif;color:var(--lime);font-weight:400}.statement p:last-child{color:#ddd}.section,.process,.contact{padding:125px 0}.split{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:80px}.split>p,.split>div>p:not(.eyebrow),.contact p{color:var(--muted);line-height:1.7;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff24;margin-top:80px}.cards article,.steps article{background:var(--panel);padding:38px;min-height:310px}.cards b,.steps b{color:var(--lime);font-size:12px;letter-spacing:.15em}.cards h3,.steps h3{font-size:28px;margin:55px 0 18px}.cards p,.steps p{color:var(--muted);line-height:1.65}.cards a,.text-link,.contact aside a{display:inline-block;margin-top:20px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.14em;border-bottom:1px solid #777;padding-bottom:7px}.process{background:#eff0ea;color:#10120f}.process .eyebrow{color:#30332e}.process h2 em{color:#77a500}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:80px}.steps article{background:#e3e5dc}.gallery{background:#050708}.grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:230px;gap:12px;margin-top:70px}.grid a{position:relative;overflow:hidden}.grid a:nth-child(1){grid-column:span 3;grid-row:span 2}.grid a:nth-child(2),.grid a:nth-child(3){grid-column:span 3}.grid a:nth-child(4),.grid a:nth-child(5){grid-column:span 3}.grid img{width:100%;height:100%;object-fit:cover;transition:.5s}.grid a:hover img{transform:scale(1.04)}.grid span{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;background:linear-gradient(transparent,#000b);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.instagram{display:flex;justify-content:space-between;border-top:1px solid #ffffff22;margin-top:55px;padding-top:25px;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.qualities{padding:100px 0;background:linear-gradient(90deg,#050806e8,#05080670),url('../images/work-4.webp') center/cover}.qualities h2{margin-bottom:55px}.swatches{display:grid;grid-template-columns:repeat(7,1fr);border-radius:5px;overflow:hidden}.swatches span{height:230px;padding:18px 12px;display:flex;flex-direction:column;gap:45px;font-size:11px;background:#e92655}.swatches span:nth-child(2){background:#ef7f14}.swatches span:nth-child(3){background:#e1ba19}.swatches span:nth-child(4){background:#82cf15}.swatches span:nth-child(5){background:#1dc6b4}.swatches span:nth-child(6){background:#3478df}.swatches span:nth-child(7){background:#af36c4}.swatches b{font-size:13px;text-transform:uppercase}.contact-grid{display:grid;grid-template-columns:2fr 1fr;gap:100px}.contact aside{border-left:1px solid #ffffff20;padding-left:60px}.contact aside small{display:block;color:#777;text-transform:uppercase;letter-spacing:.17em;margin-top:35px}.contact aside h3{font-size:24px;margin:12px 0}.contact aside p{font-size:14px}.contact .actions{margin-top:35px}footer{border-top:1px solid #ffffff1b;padding:28px 0}footer .wrap{display:flex;align-items:center;gap:55px}footer p{color:#888;font-size:12px;line-height:1.5}footer .wrap div{margin-left:auto;display:flex;gap:30px;text-transform:uppercase;font-size:11px;letter-spacing:.13em}.wa{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:50%;background:#25d366;padding:10px;z-index:20;box-shadow:0 4px 22px #0008}.wa img{width:100%;height:100%}
@media(max-width:760px){.header{height:76px;padding:0 5vw}.brand img{width:130px}.header nav,.header>.small{display:none}.menu{display:block;margin-left:auto;background:none;border:1px solid #ffffff55;color:white;padding:10px 12px;letter-spacing:.14em}.header.open nav{display:flex;position:absolute;top:76px;left:0;right:0;background:#070a08;padding:25px;flex-direction:column;gap:22px}.hero{min-height:720px}.hero-content{padding-top:40px}.hero h1{font-size:49px}.lead{font-size:16px}.address{display:none}.actions{flex-direction:column;align-items:stretch}.split,.contact-grid{grid-template-columns:1fr;gap:35px}.section,.process,.contact{padding:85px 0}.cards,.steps{grid-template-columns:1fr}.cards article,.steps article{min-height:auto}.cards h3,.steps h3{margin-top:28px}.grid{grid-template-columns:1fr;grid-auto-rows:280px}.grid a:nth-child(n){grid-column:auto;grid-row:auto}.swatches{grid-template-columns:1fr}.swatches span{height:65px;flex-direction:row;align-items:center;gap:18px}.contact aside{padding-left:25px}.statement{min-height:520px}.statement h2{font-size:39px}footer .wrap{flex-direction:column;align-items:flex-start;gap:10px}footer .wrap div{margin:10px 0 0;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.grid img{transition:none}}

/* Acabado de pintura automotriz metalizada */
.swatches{border-radius:6px;box-shadow:0 28px 55px #0008}
.swatches span{--paint:#e92655;position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px #0009;background:linear-gradient(115deg,color-mix(in srgb,var(--paint),#090909 58%) 0%,color-mix(in srgb,var(--paint),#000 22%) 19%,var(--paint) 43%,color-mix(in srgb,var(--paint),white 38%) 52%,var(--paint) 61%,color-mix(in srgb,var(--paint),#050505 44%) 100%)!important}
.swatches span:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 25% 18%,#fff9 0 1px,transparent 1.6px),radial-gradient(circle at 72% 44%,#fff7 0 .8px,transparent 1.5px),radial-gradient(circle at 38% 77%,#fff8 0 1px,transparent 1.7px),radial-gradient(circle at 84% 84%,#fff6 0 .8px,transparent 1.4px);background-size:15px 17px,19px 21px,23px 25px,29px 31px;mix-blend-mode:screen;opacity:.52}
.swatches span:after{content:"";position:absolute;z-index:-1;inset:-40% -80%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent 37%,#fff0 42%,#ffffffa8 50%,#fff0 58%,transparent 63%);filter:blur(7px);opacity:.55}
.swatches span:nth-child(1){--paint:#e92655}.swatches span:nth-child(2){--paint:#ef7f14}.swatches span:nth-child(3){--paint:#e1ba19}.swatches span:nth-child(4){--paint:#82cf15}.swatches span:nth-child(5){--paint:#1dc6b4}.swatches span:nth-child(6){--paint:#3478df}.swatches span:nth-child(7){--paint:#af36c4}