html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#0b0c0e;color:#f4efe6;font-size:16px}.scene{position:fixed;inset:0;z-index:-1;overflow:hidden;perspective:900px;background:#101113}.scene:before{content:"";position:absolute;inset:-25%;background:linear-gradient(90deg,#08090be8,#111216a8),url('assets/casco-metalico.png') center 75%/cover;transform:rotateX(18deg) rotateZ(-8deg) scale(1.2);filter:blur(3px);opacity:.65;animation:depth 24s ease-in-out infinite alternate}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,#0b0c0e9c)}@keyframes depth{to{transform:rotateX(12deg) rotateZ(-3deg) scale(1.3) translateY(3%)}}header{max-width:none;padding:18px 6%;position:sticky;top:0;z-index:5;background:#0c0d0ee8;backdrop-filter:blur(16px);border-color:#ffffff20}.brand{font:16px Georgia;letter-spacing:3px}.brand img{height:48px;width:32px}nav{display:flex;gap:28px;font-size:12px}nav a{text-decoration:none;color:#d8cbb5}section{max-width:1280px;padding:85px 6%}h1{font-size:clamp(48px,6vw,84px);line-height:1.05;letter-spacing:-2px;font-weight:400}h2{font-size:clamp(32px,4vw,48px);font-weight:400}h3{font-family:Georgia;font-weight:400}p{color:#babbb9}.hero{grid-template-columns:1fr 1fr;min-height:730px;gap:65px}.hero .gold{font-size:11px;letter-spacing:3px}.hero p{max-width:450px}.hero-art{position:relative;perspective:1000px}.hero-art:before{content:"";position:absolute;inset:0;border:1px solid #bc985c;transform:translate(16px,16px)}.hero-art img{display:block;width:100%;height:550px;max-height:none;object-fit:cover;object-position:50% 70%;transform:rotateY(-7deg);box-shadow:-25px 25px 65px #0009;border:1px solid #fff3}.hero-art span{position:absolute;bottom:25px;left:25px;right:10px;background:#101112d9;border-left:2px solid #caa45d;padding:15px;font-size:10px;letter-spacing:3px}.btn,button{border-radius:2px;font-size:13px;padding:15px 23px}.actions{margin-top:30px}.cards{gap:28px}.card{border:0;border-bottom:1px solid #a1855855;border-radius:0;background:#151618c9;padding:24px}.finish{width:100%;height:250px;object-fit:cover}.portfolio{gap:30px}.portfolio img{border-radius:0;height:540px;background:#121315;border:1px solid #8b734544}.portfolio figcaption{font-size:12px;letter-spacing:2px}.light{background:#121315d9;color:#eeeae2;border-block:1px solid #ffffff1c}.light section{padding-block:70px}.light ol{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;list-style:decimal-leading-zero;color:#b9b8b4}#consulta{max-width:1000px}#consulta .form{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}#consulta label:nth-child(4),#consulta .actions,#consulta .small{grid-column:1/-1}input,select,textarea{background:#202224;border-color:#555;color:#f0eee8;border-radius:2px}label{font-size:13px;color:#d8c7a8}.small{color:#a7a6a0}.light #email{color:#e6c692!important}#instagram{background:#f1eee8;color:#171717}#instagram h2{margin-top:0}#instagram .outline{color:#29241e}footer{max-width:none;padding:30px 6%;border-top:1px solid #ffffff1c;font-size:12px}.mobile-cta{display:none}:focus-visible{outline:3px solid #e6c692;outline-offset:4px}@media(max-width:800px){nav{display:none}.brand{font-size:12px;letter-spacing:2px}header{gap:12px}.hero{grid-template-columns:1fr;min-height:0;gap:35px;padding-top:45px}.hero-art{margin-right:15px}.hero-art img{display:block;height:420px;transform:none}.hero-art span{font-size:9px}.hero p{font-size:15px}section{padding:60px 6%}.cards{grid-template-columns:1fr}.portfolio img{height:auto}.light ol{display:block}.light li{padding:12px 0}#consulta .form{display:block}.mobile-cta{display:flex;position:fixed;bottom:0;inset-inline:0;z-index:6;justify-content:center;padding:16px;background:#caa45d;color:#111;font-weight:650;text-decoration:none;font-size:14px;box-shadow:0 -4px 25px #0008}footer{padding-bottom:90px}.scene:before{animation:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene:before{animation:none}}

.cement-colors{height:250px;display:flex;align-items:stretch}.cement-colors span{flex:1;display:flex;align-items:end;padding:18px 9px;font-size:10px;letter-spacing:1px;background:#b7b9b9;color:#202224}.cement-colors span+span{background:#55595c;color:#fff}

.hero-art img{height:auto;aspect-ratio:1;object-fit:contain;object-position:center}.hero-art span{bottom:10px;font-size:9px;padding:9px}.hero-art{align-self:center}
/* Continuous metallic atmosphere, driven by the visitor's scroll. */
body{background:#0b0e12}.scene{background:radial-gradient(ellipse at var(--glow,30%) 50%,#35312b55,transparent 65%),#0b0e12}.scene:before{inset:-80% -35%;background:url('assets/metal-lines.svg') center/120% 1800px repeat-y;filter:none;opacity:.6;animation:none;transform:translateY(var(--flow,0px)) rotate(var(--twist,0deg)) rotateX(12deg);will-change:transform}.scene:after{background:url('assets/metal-lines.svg') 70% 50%/180% 2400px repeat-y;opacity:.16;transform:translateY(calc(var(--flow,0px)*-.6)) rotate(-12deg);mix-blend-mode:screen}.hero{min-height:860px;gap:90px;padding-block:110px}.hero h1{font-size:clamp(48px,5.4vw,76px)}section{padding-block:120px}.light{background:#0e1116a6}.cards{gap:38px}.card{background:#15181b88;padding:28px}.portfolio{gap:55px}.social-collage{position:relative;height:620px;perspective:1300px}.mini-post{position:absolute;margin:0;background:#f5f1e9;color:#171717;padding:10px;box-shadow:0 30px 70px #0009;border-radius:5px}.mini-post>img{width:100%;object-fit:cover;display:block}.mini-post figcaption{padding:13px 8px;font-size:10px;letter-spacing:1px}.rear{width:55%;left:-8%;top:0;transform:rotate(-12deg)}.rear>img{height:270px}.front{width:75%;left:18%;top:75px;z-index:2;transform:rotate(5deg)}.front>img{height:315px;object-position:50% 75%}.post-head{display:flex;align-items:center;gap:10px;padding:6px 4px 12px;font-size:11px;font-weight:600}.post-head img{height:28px;width:22px;object-fit:contain}.post-head small{font-size:9px;font-weight:400;color:#666}.post-head>span:last-child{margin-left:auto}.post-icons{display:block;font-size:22px;letter-spacing:0}.front strong{display:block;font-size:11px;margin:6px 0}.front a{font-size:10px;text-decoration:none;color:#766142}.accent{width:43%;right:-7%;bottom:-5px;transform:rotate(-9deg);z-index:3}.accent>img{height:170px}.coverage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.coverage .gold{font-size:10px;letter-spacing:3px}.coverage h2{max-width:460px}.coverage p{max-width:420px}.map-panel img{display:block;width:100%;max-height:600px}.map-panel .small{text-align:center;max-width:none;font-size:10px}.coverage .btn{margin-top:20px}#instagram{background:#ebe8e1;padding-block:90px}.brand img{height:60px;width:40px}header{padding-block:12px}@media(max-width:800px){.hero{gap:55px;padding-block:60px;min-height:0}.social-collage{height:560px;margin:0 24px 0 15px}.front{width:78%;left:13%}.front>img{height:280px}.rear{left:-4%;width:58%}.rear>img{height:240px}.accent{right:-5%;bottom:5px}.accent>img{height:140px}section{padding-block:80px}.coverage{grid-template-columns:1fr;gap:30px}.coverage h2{max-width:none}.map-panel{max-width:530px;margin:auto}.portfolio{gap:35px}.scene:before{opacity:.4}.brand img{height:44px;width:30px}}@media(max-width:400px){.social-collage{height:490px;margin-inline:10px}.front>img{height:230px}.accent>img{height:115px}.post-head{font-size:10px}}@media(prefers-reduced-motion:reduce){.scene:before,.scene:after{transform:none;will-change:auto}}

.finish.flake-floor{object-position:center bottom}
/* Review: readability, mobile navigation and contact accessibility. */
.skip-link{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:#ead0a0;color:#111}.skip-link:focus{top:12px}
.scene:before{opacity:.28}.scene:after{opacity:.08}.hero{min-height:760px;padding-block:80px;gap:60px}.hero>div:first-child{position:relative;z-index:1}.hero h1{max-width:600px}.service-strip{font-size:12px!important;color:#dfc58f;letter-spacing:.9px;margin-top:25px}.social-collage{height:560px}.front>img{object-position:center 75%}.hero .post-head img{display:block}.mini-post>img{max-height:none}.brand img{flex-shrink:0}.card p{font-size:15px}.finish{height:250px}.map-panel img{height:auto}.form-shell{background:#101010;border:1px solid #8d784f;border-radius:8px;padding:24px;max-width:750px}.form-shell iframe{display:block;max-width:100%;border:0}#consulta{scroll-margin-top:15px}.privacy{max-width:750px;font-size:13px;color:#c4c3bd;border-top:1px solid #ffffff25;padding:18px 0}.privacy p{line-height:1.7}.privacy a{color:#e5c991}summary{cursor:pointer;min-height:44px;padding-block:12px}.faq{max-width:850px}.faq details{border-bottom:1px solid #ffffff25;padding:8px 0}.faq summary{font-size:18px;color:#ead7b2}.faq p{max-width:740px;margin:0 0 20px}#preguntas{padding-bottom:20px}#instagram{overflow:hidden}footer{display:flex;gap:20px;flex-wrap:wrap}p a{overflow-wrap:anywhere}
@media(min-width:801px){.hero h1{font-size:clamp(48px,5.1vw,70px)}}
@media(max-width:800px){header{flex-wrap:wrap;padding:12px 6% 8px;gap:8px}.brand{font-size:11px;letter-spacing:1.5px;gap:10px}header #lang{margin-left:auto;padding:10px 14px;min-height:44px}nav{display:flex;order:3;width:100%;justify-content:space-between;gap:12px}nav a{display:block;padding:8px 12px;font-size:13px;min-height:40px}.hero{padding-top:42px;gap:30px}.hero h1{font-size:clamp(42px,11.7vw,62px);letter-spacing:-1.5px}.hero .post-head img{display:block}.hero .actions{gap:10px}.actions .btn{padding:14px 16px;min-height:48px}.social-collage{margin-inline:22px;height:520px}.rear{left:0;top:5px}.front{left:12%;top:65px}.accent{right:0;bottom:0}.form-shell{padding:12px 6px}.mobile-cta{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}footer{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}.scene:before{opacity:.19}.light section{padding-block:48px}.cards{gap:24px}.card{padding:20px}html{scroll-padding-top:145px}.portfolio img{width:100%;height:auto}.privacy{font-size:14px}#preguntas{padding-bottom:0}}
@media(max-width:360px){.brand{font-size:10px;letter-spacing:1px}.brand img{width:24px}.social-collage{margin-inline:15px;height:470px}.front>img{height:220px}.accent>img{height:110px}}
.card:nth-child(2) .finish{object-position:center bottom}