:root{--bg: #0a0f1e;--bg-2: #0f1b3d;--card: #121833;--primary: #00d1ff;--primary-2: #6df3ff;--text: #e8f0ff;--muted: #b0c4de;--ring: rgba(0, 209, 255, .35);--radius: 18px;--shadow: 0 8px 30px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:100px}img{max-width:100%;display:block}a{text-decoration:none;color:inherit;transition:opacity .3s ease}a:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:4px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 70% -10%,rgba(0,209,255,.1),transparent 60%),radial-gradient(900px 500px at -20% 20%,rgba(0,209,255,.08),transparent 60%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text);min-height:100dvh;overflow-x:hidden}.container{width:min(1200px,94%);margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);background:linear-gradient(180deg,rgba(10,15,30,.85),rgba(10,15,30,.45));border-bottom:1px solid rgba(109,243,255,.12);box-shadow:0 4px 30px #0000001a}.header-inner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 0}@media (min-width: 768px){.header-inner{flex-direction:row;justify-content:space-between;padding:12px 0}}.logo-wrap{display:flex;flex-direction:row;align-items:center;gap:12px}.logo{width:48px;height:auto;filter:drop-shadow(0 6px 22px var(--ring))}.brand{font-family:Orbitron,Inter,sans-serif;font-weight:800;letter-spacing:.08em;font-size:clamp(20px,2.4vw,28px);color:var(--primary);text-shadow:0 0 22px rgba(0,209,255,.35)}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width: 480px){.header-inner{flex-direction:column;gap:12px;padding:12px 0}.logo{width:36px}nav ul{gap:8px;justify-content:center;width:100%}nav a{font-size:.85em;padding:10px 16px;display:inline-block}}nav a{color:var(--muted);font-weight:500;padding:8px 12px;border-radius:12px;transition:all .3s ease;font-size:.9em;letter-spacing:.5px}nav a:hover,nav a:focus{color:var(--primary);background:rgba(109,243,255,.1);text-shadow:0 0 8px var(--ring)}.hero{padding:64px 0 36px}.hero-box{background:linear-gradient(180deg,rgba(0,209,255,.08),rgba(0,209,255,.03));border:1px solid rgba(109,243,255,.15);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 28px;text-align:center}.hero h1{font-family:Orbitron,Inter,sans-serif;font-size:clamp(28px,4.5vw,48px);margin:0 0 16px;background:linear-gradient(135deg,#fff 0%,var(--primary) 50%,var(--primary-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.02em}.hero p{color:var(--muted);margin:0 0 24px;max-width:60ch;margin-inline:auto}.hero-btns{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px}@media (max-width: 580px){.hero-btns{flex-direction:column;align-items:stretch;max-width:300px;margin-inline:auto}.btn{text-align:center;width:100%}}.btn{display:inline-block;font-weight:700;letter-spacing:.02em;background:linear-gradient(90deg,var(--primary),var(--primary-2));color:#00121a;padding:12px 24px;border-radius:14px;box-shadow:0 8px 24px var(--ring);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;border:none}.btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px var(--ring),0 0 20px #00d1ff4d}.btn:focus-visible{outline:2px solid var(--primary-2);outline-offset:4px}.btn:active{transform:translateY(-1px)}.section{padding:28px 0}.section h2{font-family:Orbitron,Inter,sans-serif;font-size:clamp(20px,2.2vw,26px);margin:0 0 16px}.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.card{grid-column:span 12;background:rgba(18,24,51,.7);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(109,243,255,.15);border-radius:20px;padding:24px;box-shadow:0 8px 32px #0000005e;display:flex;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.165,.84,.44,1)}.nh-card-glass{background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.card h3{margin:0 0 6px;font-size:18px}.card p{margin:0;color:var(--muted)}@media (min-width:680px){.card{grid-column:span 6}}@media (min-width:980px){.card{grid-column:span 4}}.card{display:flex;flex-direction:column}.card h3{margin-top:10px}.card .product-price{margin-top:5px}.card .badge{color:var(--primary-2);font-size:.75em;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;display:block;margin-bottom:10px}.card p:last-of-type{margin-bottom:20px}.card a{margin-top:auto;align-self:flex-start}.site-footer{margin-top:30px;padding:20px 0;color:var(--muted);border-top:1px solid rgba(109,243,255,.1);text-align:center;font-size:.95rem}.site-footer a{transition:all .3s ease}.site-footer a:hover{color:var(--primary);text-shadow:0 0 8px var(--ring)}.btn.secondary{background:transparent;border:1px solid var(--primary);color:var(--primary);box-shadow:none}.btn.secondary:hover{background:rgba(0,209,255,.1);box-shadow:0 0 15px var(--ring)}.value-block{text-align:center}.value-items{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:24px}.value-item{background:rgba(18,24,51,.6);padding:18px;border-radius:12px;border:1px solid rgba(109,243,255,.08);flex:1 1 200px;max-width:350px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.value-item:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00d1ff26;border-color:#6df3ff4d;background:rgba(18,24,51,.8)}.value-item strong{color:var(--primary);display:block;margin-bottom:4px;font-size:1.1em}.card-image{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;margin-bottom:16px;border:1px solid rgba(109,243,255,.1);background:#0f1b3d;max-height:250px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image img{transform:scale(1.05)}.card:hover{border-color:#6df3ff66;box-shadow:0 12px 40px #00d1ff26}#productos{position:relative;background:radial-gradient(circle at 10% 20%,rgba(0,209,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,209,255,.05) 0%,transparent 40%),linear-gradient(180deg,rgba(10,15,30,0) 0%,rgba(15,27,61,.3) 50%,rgba(10,15,30,0) 100%);overflow:hidden}#productos:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,209,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,209,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-1;pointer-events:none}.nh-contact-panel{max-width:850px;margin:0 auto;background:rgba(10,15,30,.45);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(0,209,255,.2);border-radius:24px;padding:24px;box-shadow:0 20px 50px #0006,inset 0 0 20px #00d1ff0d;position:relative;overflow:hidden}.panel-header{margin-bottom:24px}.command-line{font-family:Courier New,Courier,monospace;font-size:.85em;color:var(--primary);opacity:.7;letter-spacing:1px}.panel-body .contact-grid{display:flex;flex-direction:column;gap:20px}.contact-info{display:flex;flex-direction:column;gap:24px;max-width:280px}.contact-item{display:flex;flex-direction:column;gap:6px}.contact-item .label{font-family:Orbitron,sans-serif;font-size:.7em;color:var(--primary);letter-spacing:2px;font-weight:700;opacity:.6}.contact-item .value{font-size:1.15em;color:var(--text);font-weight:500;text-decoration:none;transition:all .3s ease}.contact-item a.value:hover,.contact-item .links a:hover{color:var(--primary);text-shadow:0 0 10px var(--ring)}.contact-item .links a{color:var(--text);text-decoration:none;transition:all .3s ease}.contact-item .links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.contact-item .sep{opacity:.2}@media (min-width: 900px){.nh-contact-panel{padding:40px 50px}}.nh-form{margin-top:30px;display:flex;flex-direction:column;gap:20px;border-top:1px solid rgba(0,209,255,.1);padding-top:30px}.form-group{display:flex;flex-direction:column;gap:8px}.nh-form input,.nh-form textarea{background:rgba(255,255,255,.03);border:1px solid rgba(0,209,255,.15);border-radius:12px;padding:12px 16px;color:var(--text);font-family:Inter,sans-serif;font-size:.95em;transition:all .3s ease}.nh-form input:focus,.nh-form textarea:focus{outline:none;border-color:var(--primary);background:rgba(0,209,255,.05);box-shadow:0 0 15px #00d1ff1a}.nh-form .label{font-family:Orbitron,sans-serif;font-size:.7em;color:var(--primary);letter-spacing:2px;font-weight:700;opacity:.6}.form-submit{align-self:flex-start;cursor:pointer;border:none;font-family:Orbitron,sans-serif;margin-top:10px}.form-status{font-size:.85em;margin-top:10px;min-height:1.2em;font-family:Courier New,Courier,monospace}.form-status.success{color:#00ff41}.form-status.error{color:#ff3e3e}@media (min-width: 900px){.contact-grid{display:grid!important;grid-template-columns:280px 1fr!important;gap:40px}.nh-form{border-top:none;border-left:1px solid rgba(0,209,255,.1);padding-top:0;padding-left:40px;margin-top:0}}.product-hero{padding:80px 0 40px;text-align:center}@media (min-width: 768px){.product-hero{padding:120px 0 60px}}.product-hero h1{font-family:Orbitron,sans-serif;font-size:clamp(32px,6vw,64px);margin-bottom:10px;background:linear-gradient(135deg,#fff 0%,var(--primary) 50%,var(--primary-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--primary);font-family:Orbitron,sans-serif;letter-spacing:3px;font-size:.9em;text-transform:uppercase;opacity:.9;margin-bottom:8px;display:block}@media (min-width: 768px){.tagline{font-size:1.1em}}.detail-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;margin-top:20px}@media (min-width: 900px){.detail-grid{grid-template-columns:1.2fr 1fr;gap:60px;margin-top:40px}}.product-main-image{border-radius:24px;overflow:hidden;border:1px solid rgba(0,209,255,.2);box-shadow:0 20px 50px #00000080;background:rgba(18,24,51,.4)}.product-main-image img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.165,.84,.44,1)}.product-main-image:hover img{transform:scale(1.05)}.content-block h2{color:var(--primary);margin-bottom:20px;font-size:1.6em}@media (min-width: 768px){.content-block h2{font-size:1.8em;margin-bottom:24px}}.content-block p{line-height:1.6;color:var(--muted);margin-bottom:20px;font-size:1em}@media (min-width: 768px){.content-block p{line-height:1.8;font-size:1.1em}}.specs-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:30px}@media (min-width: 768px){.specs-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:40px}}.spec-item{background:rgba(18,24,51,.5);padding:20px;border-radius:16px;border:1px solid rgba(109,243,255,.1);transition:all .3s ease}@media (min-width: 768px){.spec-item{padding:24px}}.spec-item:hover{border-color:var(--primary);background:rgba(0,209,255,.05);transform:translateY(-5px)}.spec-item strong{display:block;color:var(--primary);font-family:Orbitron,sans-serif;font-size:.75em;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.spec-item span{font-size:1em;font-weight:500}.experience-section{background:rgba(18,24,51,.3);padding:40px 0;border-radius:20px;margin:40px 0;border:1px solid rgba(109,243,255,.05)}@media (min-width: 768px){.experience-section{padding:60px 0;border-radius:30px;margin:80px 0}}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding:0 20px}.exp-card{text-align:center}.exp-card h4{margin-bottom:8px;color:var(--text);font-family:Orbitron,sans-serif}.price-action{background:linear-gradient(135deg,rgba(18,24,51,.8),rgba(10,15,30,.9));padding:30px 20px;border-radius:24px;border:1px solid var(--primary);text-align:center;margin-top:40px;box-shadow:0 0 30px #00d1ff1a}@media (min-width: 768px){.price-action{padding:40px;margin-top:60px}}.current-price{font-size:2em;font-weight:800;color:var(--primary);display:block;margin-bottom:20px}@media (min-width: 768px){.current-price{font-size:2.5em}}.action-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.locoshop-hero-block{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;margin-bottom:32px;background:var(--bg-2);border:1px solid rgba(109,243,255,.2);box-shadow:0 10px 40px #0006}.locoshop-hero-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;display:block}.locoshop-hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(0deg,rgba(10,15,30,.9) 0%,transparent 100%);text-align:left}.locoshop-hero-overlay .tagline{font-family:Orbitron,sans-serif;font-size:.7em;letter-spacing:2px;color:var(--primary);opacity:.8;display:block;margin-bottom:4px}.locoshop-hero-overlay h3{font-family:Orbitron,sans-serif;margin:0 0 4px;font-size:clamp(20px,4vw,32px);color:var(--text);text-shadow:0 0 15px var(--ring)}.locoshop-hero-overlay p{margin:0;color:var(--muted);font-size:.9em}@media (max-width: 600px){.locoshop-hero-img{aspect-ratio:4 / 3}}.scroll-reveal{opacity:0;transform:translateY(30px) scale(.98);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.scroll-reveal.revealed{opacity:1;transform:translateY(0) scale(1)}.grid .card:nth-child(1).scroll-reveal{transition-delay:.1s}.grid .card:nth-child(2).scroll-reveal{transition-delay:.2s}.grid .card:nth-child(3).scroll-reveal{transition-delay:.3s}.bg-grid,.bg-rays,.bg-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none}.bg-grid{background:radial-gradient(60vmax 60vmax at 12% 20%,rgba(17,160,255,.18),transparent 60%),radial-gradient(50vmax 50vmax at 88% 15%,rgba(242,255,0,.1),transparent 60%),radial-gradient(40vmax 40vmax at 35% 90%,rgba(17,160,255,.1),transparent 60%),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.06) 28px 29px),repeating-linear-gradient(0deg,transparent 0 28px,rgba(255,255,255,.06) 28px 29px),linear-gradient(180deg,#071020,#0b1220 45%,#0b1220 65%,#081121);animation:gridMove 22s linear infinite}@keyframes gridMove{to{background-position:0 0,0 0,0 0,220px 0,0 220px,0 0}}.bg-rays{z-index:-2;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg,rgba(255,255,0,.09) 0deg 6deg,transparent 6deg 12deg);transform-origin:center;animation:rays 24s linear infinite;-webkit-mask:radial-gradient(closest-side,transparent 0 58%,#000 70%);mask:radial-gradient(closest-side,transparent 0 58%,#000 70%)}@keyframes rays{to{transform:rotate(360deg)}}.bg-particles{z-index:-1}.bg-particles:before,.bg-particles:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.25),transparent 60%),radial-gradient(2px 2px at 50% 70%,rgba(255,255,255,.18),transparent 60%),radial-gradient(2px 2px at 80% 20%,rgba(255,255,255,.22),transparent 60%);filter:blur(.2px);animation:twinkle 6s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.35}to{opacity:.9}}@media (prefers-reduced-motion: reduce){.bg-grid,.bg-rays,.bg-particles:before,.bg-particles:after{animation:none}}
