html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#0d0e10}
a{color:#ece7dd}a:hover{color:#fff}img,video{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ece7dd;outline-offset:2px}
.estado{margin:0;min-height:1.4em;font-size:15px}.estado.ok{color:#7fd6a4}.estado.mal{color:#ff9d8f}
.marcas{display:inline-flex;align-items:center;gap:12px}.marcas img{height:30px;width:auto;display:block}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:760px){
 header,section,footer,footer>div,body>div>div{padding-left:16px!important;padding-right:16px!important}
 [style*="height: 560px"],[style*="height: 600px"],[style*="height: 640px"]{height:auto!important;margin-top:40px!important}
 [style*="height: 560px"]>div:nth-child(1),[style*="height: 560px"]>div:nth-child(3),[style*="height: 600px"]>div:not(:first-child),[style*="height: 640px"]>div:not([style*="z-index"]){display:none}
 [style*="height: 560px"]>div:nth-child(2),[style*="height: 600px"]>div,[style*="height: 640px"]>div{position:static!important;width:100%!important;transform:none!important}
 [style*="minmax("]{grid-template-columns:minmax(0,1fr)!important}
 [style*="height: 420px"]{height:300px!important;margin-top:0!important}
 #lightroom [style*="position: absolute"]{position:static!important;width:auto!important;transform:none!important;margin-top:12px}
 h3 img{max-width:100%}
}

:root{--sam:#ffc000;--foto:#4cc3e6;--video:#39a7da}
body>div>header{position:absolute!important;left:0;right:0;z-index:6}
body>div{overflow:clip!important}
.heroe{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#07080a;padding:120px 32px 72px;box-sizing:border-box}
.heroe-texto{position:relative;z-index:3;width:100%;max-width:1100px;text-align:center}
.heroe h1{margin:0;font-family:'Inter',sans-serif;font-weight:900;font-size:clamp(46px,8.6vw,136px);line-height:.93;letter-spacing:-.05em;text-shadow:0 6px 60px rgba(0,0,0,.85)}
.heroe .sub{margin:28px auto 0;max-width:40ch;font-size:clamp(18px,1.6vw,23px);color:#d8d3c9;text-shadow:0 2px 24px rgba(0,0,0,.9)}
.heroe .acc{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.muro{position:absolute;inset:-14% -8%;display:grid;grid-template-columns:repeat(8,1fr);gap:12px;transform:rotate(-6deg) scale(1.1);z-index:1}
.muro .col{display:grid;gap:12px;align-content:start;animation:deriva 46s ease-in-out infinite alternate}
.muro .col:nth-child(even){animation-direction:alternate-reverse;margin-top:-60px}
@keyframes deriva{from{transform:translateY(-3%)}to{transform:translateY(3%)}}
.muro img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:8px;opacity:.2;filter:grayscale(.75);transition:opacity .7s,filter .7s,transform .7s,box-shadow .7s}
.muro img.on{opacity:1;filter:none;transform:scale(1.14);box-shadow:0 0 0 2px #ece7dd,0 24px 70px rgba(0,0,0,.8);position:relative;z-index:2}
.velo{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 44% 60% at 50% 50%,rgba(7,8,10,.92) 0%,rgba(7,8,10,.7) 60%,rgba(7,8,10,0) 100%),linear-gradient(180deg,rgba(7,8,10,.6),transparent 22%,transparent 80%,#0d0e10)}
.buscador{margin:34px auto 0;max-width:640px;min-height:68px;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:0 26px;border-radius:999px;background:rgba(18,19,22,.9);border:1px solid #4a4b50;box-shadow:0 20px 70px rgba(0,0,0,.7);font-size:clamp(17px,1.7vw,23px);text-align:left}
.buscador svg{flex:none;color:#9a968d}
.escrito{white-space:nowrap;overflow:hidden}
.escrito:after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-.16em;background:#ece7dd;animation:cursor 1s steps(2) infinite}
@keyframes cursor{50%{opacity:0}}
.cinta{overflow:hidden;background:#0d0e10;border-top:1px solid #222327;border-bottom:1px solid #222327;padding:26px 0}
.cinta div{display:flex;gap:64px;width:max-content;animation:cinta 60s linear infinite;font-family:'Inter',sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,64px);letter-spacing:-.03em;white-space:nowrap}
.cinta span{color:transparent;-webkit-text-stroke:1px #6f6c66}
.cinta span:nth-child(3n+1){color:#ece7dd;-webkit-text-stroke:0}
@keyframes cinta{to{transform:translateX(-50%)}}
.frase{min-height:220vh;background:#07080a}
.frase>div{position:sticky;top:0;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:1280px;margin:0 auto;padding:64px 32px}
.frase p.gran{margin:0;font-family:'Inter',sans-serif;font-weight:900;font-size:clamp(44px,8.8vw,132px);line-height:.98;letter-spacing:-.045em}
.frase .gran span{color:#2a2b2f;transition:color .35s}
.frase .gran span.luz{color:#ece7dd}
.frase ul{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;font-size:16px;color:#c9c4ba}
.frase strong{display:block;color:#ece7dd}
#productos{max-width:none!important;padding:96px 0 0!important}
#productos>h2{max-width:1280px!important;margin:0 auto 40px!important;padding:0 32px;box-sizing:border-box;font-size:clamp(44px,7vw,104px)!important;font-weight:900!important;line-height:.98!important;letter-spacing:-.045em!important}
#productos article{position:relative;box-sizing:border-box;min-height:100vh;padding:72px max(32px,calc((100vw - 1280px)/2))!important;background:#0d0e10;overflow:hidden;border-top:1px solid #2a2b2f!important;border-bottom:0!important}
#productos article:before{content:attr(data-w);position:absolute;left:0;right:0;bottom:-.17em;text-align:center;font-family:'Inter',sans-serif;font-weight:900;font-size:17vw;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px var(--a);opacity:.55;pointer-events:none;white-space:nowrap}
#productos article>div{position:relative;z-index:1}
#sam{--a:var(--sam)}#photomind{--a:var(--foto)}#videomind{--a:var(--video)}
.rv{opacity:0;transform:translateY(46px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.visto{opacity:1;transform:none}
.perro{position:absolute;z-index:1;right:32px;top:50%;height:min(82%,86vw);width:auto;max-width:none;transform:translateY(-50%);opacity:.1;pointer-events:none}
.heroe-sam{justify-content:flex-start;padding-left:max(32px,calc((100vw - 1280px)/2));padding-right:max(32px,calc((100vw - 1280px)/2))}
.heroe-sam .heroe-texto{text-align:left;max-width:1280px;margin:0}
.heroe-sam .sub{margin-left:0}.heroe-sam .acc{justify-content:flex-start}
.heroe-sam h1 em{font-style:normal;color:var(--sam)}
.heroe-video{background-size:cover;background-position:center}
.heroe-video:before{content:"";position:absolute;inset:0;z-index:1;background:rgba(7,8,10,.8)}
.linea{position:absolute;z-index:3;left:0;right:0;bottom:48px;height:64px;background:repeating-linear-gradient(90deg,#3a3b3f 0 1px,transparent 1px 22px);border-top:1px solid #3a3b3f;border-bottom:1px solid #3a3b3f}
.linea i{position:absolute;top:0;bottom:0;width:6px;background:var(--video);opacity:.75}
.linea b{position:absolute;top:-34px;bottom:0;left:0;width:2px;background:#ece7dd;animation:cabezal 14s steps(7) infinite;font:500 13px 'JetBrains Mono',monospace}
.linea b:before{content:"00:14:32";position:absolute;top:0;left:8px;color:#ece7dd}
@keyframes cabezal{from{left:6%}to{left:96%}}
@media(min-width:1200px) and (min-height:860px){#productos article{position:sticky;top:0}}
@media(max-width:760px){
 .heroe{padding:104px 16px 56px}
 .muro{grid-template-columns:repeat(4,1fr);gap:8px;inset:-8% -14%}.muro .col{gap:8px}.muro .col:nth-child(n+5){display:none}
 .velo{background:rgba(7,8,10,.5)}
 .buscador{min-height:58px;padding:0 18px}
 .frase{min-height:auto}.frase>div{position:static;min-height:0;padding:72px 16px}
 #productos>h2{padding:0 16px}
 #productos article{padding:56px 16px 96px!important;min-height:0}
 .perro{opacity:.08}.linea{bottom:18px;height:40px}
}
@media(prefers-reduced-motion:reduce){.muro .col,.cinta div,.linea b,.escrito:after{animation:none}.frase{min-height:auto}.frase>div{position:static;min-height:0}.frase .gran span{color:#ece7dd}}