:root{--bg:#03050a;--panel:#0e121c;--line:#252b39;--txt:#f6f7fb;--muted:#aeb7c8;--pink:#ff2bd6;--purple:#9b5cff;--blue:#17a7ff;--cyan:#22f7eb;--green:#7bff21;--brand:linear-gradient(105deg,var(--pink),var(--purple),var(--blue),var(--cyan),var(--green))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 25% 0,#162238 0,#03050a 38%,#010205 100%);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,#22f7eb16,transparent 22%),radial-gradient(circle at 80% 20%,#17a7ff16,transparent 18%),radial-gradient(circle at 50% 80%,#ff2bd618,transparent 22%),radial-gradient(circle at 70% 70%,#9b5cff14,transparent 20%);mix-blend-mode:screen}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;background:#03050acc;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font-weight:800;letter-spacing:.25em;font-size:.8rem}.brand img{height:54px;max-width:160px;object-fit:contain}.topbar nav{display:flex;gap:10px;align-items:center}.topbar nav a{color:var(--txt);text-decoration:none;padding:10px 13px;border-radius:999px;font-weight:700}.topbar nav a:hover,.admin{background:var(--brand);color:#051015!important;box-shadow:0 0 22px #17a7ff44}.menu{display:none;background:#151a26;color:white;border:1px solid var(--line);border-radius:12px;padding:10px}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center;width:min(1220px,92vw);margin:0 auto;padding:64px 0}.tag,.title span,.world span{color:var(--cyan);letter-spacing:.35em;font-weight:900;font-size:.78rem}.hero h1{font-size:clamp(42px,7vw,88px);line-height:.92;margin:18px 0;text-transform:uppercase}.hero p{font-size:1.15rem;line-height:1.7;color:var(--muted);max-width:680px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:999px;text-decoration:none;font-weight:900;color:white;border:1px solid #ffffff22}.btn.primary{background:var(--brand);color:#041010;box-shadow:0 0 28px #17a7ff33,0 0 24px #ff2bd626}.btn.ghost{background:linear-gradient(#07101a,#070a11) padding-box,var(--brand) border-box;border:1px solid transparent;color:white}.btn.small{padding:12px 16px}.stats{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:10px 14px;max-width:650px;color:var(--muted)}.stats b{color:white;font-size:1.6rem}.hero-visual{position:relative}.hero-visual img{width:100%;border-radius:34px;box-shadow:0 0 80px #22f7eb26,0 0 120px #bd4cff20}.glow-card{position:absolute;left:8%;right:8%;bottom:20px;text-align:center;padding:16px;border:1px solid #ffffff22;border-radius:18px;background:#03050acc;backdrop-filter:blur(12px);font-weight:900;letter-spacing:.18em}.world,.section,.contact{width:min(1220px,92vw);margin:70px auto;padding:34px;border:1px solid #ffffff16;border-radius:34px;background:linear-gradient(145deg,#121725cc,#080a10cc)}.world{display:flex;align-items:center;justify-content:space-between;gap:28px}.world h2,.title h2,.contact h2{font-size:clamp(32px,5vw,58px);margin:12px 0}.world p,.contact p{color:var(--muted);line-height:1.7}.world img{width:190px;object-fit:contain}.title{text-align:center;margin-bottom:28px}.marquee{overflow:hidden}.track{display:flex;gap:18px;animation:slide 24s linear infinite}.client{min-width:260px;text-align:center;padding:24px;border:1px solid var(--line);border-radius:26px;background:#070a11}.client img{height:70px;max-width:180px;object-fit:contain}.client p{color:var(--muted)}@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#070a11}.product img{width:100%;height:210px;object-fit:contain;background:#05070c;padding:24px}.product div{padding:22px}.product p{color:var(--muted);line-height:1.6}.chip{display:inline-block;color:#07100a;background:linear-gradient(90deg,var(--pink),var(--blue),var(--cyan),var(--green));padding:6px 10px;border-radius:999px;font-weight:900;font-size:.78rem}.catalogs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalogs article{padding:28px;border:1px solid var(--line);border-radius:28px;background:#070a11}.catalogs i{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--brand);color:#06100f;font-size:28px;font-style:normal;font-weight:900}.pending{color:var(--muted);font-weight:800}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{display:grid;gap:12px;padding:24px;border-radius:26px;background:#05070c;border:1px solid var(--line)}.contact-card a,.contact-card span{color:white;text-decoration:none;padding:13px;border-radius:14px;background:#ffffff08}.socials{display:flex;gap:10px;flex-wrap:wrap}.float-wa{position:fixed;right:18px;bottom:18px;z-index:20;background:linear-gradient(90deg,var(--pink),var(--blue),var(--cyan),var(--green));color:#03100e;text-decoration:none;font-weight:900;border-radius:999px;padding:15px 20px;box-shadow:0 0 36px #22f7eb55}footer{text-align:center;padding:40px 5vw;border-top:1px solid #ffffff12;color:var(--muted)}footer img{height:56px;object-fit:contain}@media(max-width:900px){.menu{display:block}.topbar nav{display:none;position:absolute;left:5vw;right:5vw;top:82px;background:#070a11;border:1px solid var(--line);border-radius:22px;padding:14px;flex-direction:column}.topbar nav.open{display:flex}.hero,.contact{grid-template-columns:1fr}.products,.catalogs{grid-template-columns:1fr}.stats{grid-template-columns:auto 1fr}.world{flex-direction:column;text-align:center}.hero{padding-top:34px}.hero h1{font-size:44px}}


/* V4.2 ajustes visuales solicitados */
:root{
  --wa:#25D366;
  --wa-dark:#128C7E;
  --accent-pink:#F248D6;
  --accent-purple:#A13BFF;
  --accent-blue:#00B8FF;
  --accent-cyan:#2EE6FF;
  --accent-green:#7DFF4A;
  --brand:linear-gradient(120deg,var(--accent-purple),var(--accent-blue));
}
.topbar nav a:hover,.admin{background:#0d1320!important;color:#fff!important;border:1px solid var(--accent-cyan);box-shadow:0 0 18px #2ee6ff44}
.btn{letter-spacing:.01em;transition:.2s transform,.2s box-shadow,.2s border-color}
.btn:hover{transform:translateY(-1px)}
.btn.primary{background:#0d1320!important;color:#fff!important;border:1px solid var(--accent-cyan)!important;box-shadow:0 0 22px #00b8ff35!important}
.btn.primary:hover{border-color:var(--accent-green)!important;box-shadow:0 0 24px #7dff4a35!important}
.btn.ghost,.btn.small{background:#0a0f1b!important;color:#fff!important;border:1px solid var(--accent-purple)!important;box-shadow:none!important}
.btn.ghost:hover,.btn.small:hover{border-color:var(--accent-pink)!important;box-shadow:0 0 20px #f248d633!important}
.chip{background:#0c1220!important;color:var(--accent-green)!important;border:1px solid #7dff4a66!important}
.catalogs i{background:#0c1220!important;color:var(--accent-cyan)!important;border:1px solid #2ee6ff77!important}
.float-wa{right:20px;bottom:22px;width:58px;height:58px;border-radius:50%;padding:0;display:grid;place-items:center;background:var(--wa)!important;color:#fff!important;font-size:0;box-shadow:0 12px 34px #25d36655!important;border:2px solid #ffffff22}
.float-wa:before{content:"";width:30px;height:30px;display:block;background:#fff;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M16.04 3C8.87 3 3.04 8.78 3.04 15.9c0 2.28.6 4.5 1.75 6.45L3 29l6.83-1.77a13.1 13.1 0 0 0 6.2 1.57h.01c7.17 0 13-5.79 13-12.9S23.21 3 16.04 3Zm0 23.62h-.01a10.9 10.9 0 0 1-5.55-1.52l-.4-.24-4.05 1.05 1.08-3.93-.26-.4a10.6 10.6 0 0 1-1.63-5.68c0-5.9 4.85-10.72 10.82-10.72 2.9 0 5.61 1.12 7.66 3.15a10.62 10.62 0 0 1 3.17 7.57c0 5.91-4.85 10.72-10.83 10.72Zm5.94-8.03c-.32-.16-1.92-.94-2.22-1.05-.3-.11-.51-.16-.73.16-.22.32-.84 1.05-1.03 1.27-.19.21-.38.24-.7.08-.32-.16-1.37-.5-2.6-1.59-.96-.85-1.61-1.9-1.8-2.22-.19-.32-.02-.5.14-.66.15-.14.32-.38.49-.57.16-.19.22-.32.32-.54.11-.22.05-.4-.03-.57-.08-.16-.73-1.74-1-2.38-.26-.63-.53-.54-.73-.55h-.62c-.22 0-.57.08-.87.4-.3.32-1.14 1.1-1.14 2.7s1.17 3.13 1.33 3.35c.16.21 2.3 3.48 5.58 4.88.78.33 1.39.53 1.86.68.78.25 1.49.21 2.05.13.63-.09 1.92-.78 2.19-1.53.27-.75.27-1.4.19-1.53-.08-.13-.3-.21-.63-.37Z"/></svg>') center/contain no-repeat}
.float-wa:hover{background:#1ebe5d!important;transform:translateY(-2px)}
.back-top{position:fixed;right:20px;bottom:92px;z-index:21;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0b1020;color:#fff;text-decoration:none;border:1px solid var(--accent-cyan);box-shadow:0 10px 28px #00b8ff33;font-size:24px;font-weight:900}
.back-top:hover{border-color:var(--accent-pink);box-shadow:0 0 24px #f248d644}
.socials a{width:46px;height:46px;border-radius:50%;padding:0!important;display:grid;place-items:center;background:#0a0f1b!important;border:1px solid #ffffff22;color:#fff!important;font-size:0;transition:.2s transform,.2s box-shadow}
.socials a:hover{transform:translateY(-2px)}
.socials a:before{content:"";width:24px;height:24px;background:#fff;display:block}
.socials a.instagram{border-color:#F248D6;box-shadow:0 0 18px #f248d622}.socials a.instagram:before{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3.5A4.5 4.5 0 1 1 12 16.5 4.5 4.5 0 0 1 12 7.5Zm0 2A2.5 2.5 0 1 0 12 14.5 2.5 2.5 0 0 0 12 9.5ZM17.7 6.3a1 1 0 1 1-1 1 1 1 0 0 1 1-1Z"/></svg>') center/contain no-repeat}
.socials a.facebook{border-color:#1877F2;box-shadow:0 0 18px #1877f222}.socials a.facebook:before{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.5 22v-8h2.7l.4-3h-3.1V9.1c0-.9.3-1.5 1.6-1.5h1.7V4.9c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3V11H7.3v3h2.8v8h3.4Z"/></svg>') center/contain no-repeat}
.socials a.tiktok{border-color:#2EE6FF;box-shadow:0 0 18px #2ee6ff22}.socials a.tiktok:before{mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16 3c.4 2.4 1.8 3.9 4 4.1v3.1a7.8 7.8 0 0 1-4-1.2v6.2c0 4-2.7 6.8-6.3 6.8A5.8 5.8 0 0 1 4 16.2c0-3.5 3-6.2 6.6-5.8v3.3c-1.7-.3-3.2.8-3.2 2.5 0 1.5 1.1 2.5 2.4 2.5 1.5 0 2.6-1 2.6-3.1V3H16Z"/></svg>') center/contain no-repeat}
.contact-card a.wa-contact{background:#25D366!important;color:#fff!important;font-weight:900}
@media(max-width:700px){.float-wa{right:14px;bottom:18px}.back-top{right:19px;bottom:86px}}


/* V4.3 clientes: agrandar logo al pasar mouse y pausar carrusel */
.marquee:hover .track{animation-play-state:paused}
.client{position:relative;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;z-index:1;overflow:visible}
.client:hover{transform:scale(1.12) translateY(-6px);z-index:20;border-color:var(--cyan);box-shadow:0 0 28px #22f7eb55,0 0 44px #ff2bd625;background:#0b1020}
.client img{transition:transform .28s ease,filter .28s ease}
.client:hover img{transform:scale(1.18);filter:drop-shadow(0 0 18px #22f7eb) drop-shadow(0 0 12px #ff2bd6)}
.client h3,.client p{transition:opacity .25s ease,transform .25s ease}
.client p{opacity:.72}.client:hover p{opacity:1}.client:hover h3{color:#fff;text-shadow:0 0 14px #22f7eb88}
@media(max-width:760px){.client:hover{transform:scale(1.04) translateY(-3px)}}

/* V4.4 carrusel de clientes más rápido y fluido */
.track{
  animation-duration:11s!important;
  will-change:transform;
  transform:translate3d(0,0,0);
}
.marquee{
  padding:8px 4px 18px;
}
@media(max-width:760px){
  .track{
    animation-duration:6.5s!important;
    gap:12px!important;
  }
  .client{
    min-width:190px!important;
    padding:18px 14px!important;
    border-radius:20px!important;
  }
  .client img{
    height:56px!important;
    max-width:145px!important;
  }
  .client h3{
    font-size:1rem!important;
    margin:12px 0 6px!important;
  }
  .client p{
    font-size:.88rem!important;
    line-height:1.35!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .track{animation-duration:24s!important;}
}


/* V5.3 FIX carrusel mobile: 3x más rápido, sin reinicio al tercer cliente */
.track{
  animation-duration:7s!important;
  animation-timing-function:linear!important;
  will-change:transform;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
}
@keyframes slide{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:760px){
  .marquee{overflow:hidden;padding:8px 0 18px!important;}
  .track{
    animation-duration:4.8s!important;
    gap:10px!important;
  }
  .client{
    min-width:165px!important;
    max-width:165px!important;
    padding:14px 10px!important;
  }
  .client img{
    height:48px!important;
    max-width:122px!important;
  }
  .client h3{font-size:.92rem!important;}
  .client p{font-size:.78rem!important;}
}
@media(prefers-reduced-motion:reduce){
  .track{animation-duration:18s!important;}
}


/* V5.4 FIX definitivo carrusel mobile + flechas manuales */
.clients-carousel{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  gap:12px;
  align-items:center;
}
.carousel-arrow{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid #22f7eb88;
  background:#07101a;
  color:#fff;
  font-size:34px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 0 20px #22f7eb22;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  z-index:5;
}
.carousel-arrow:hover{
  transform:scale(1.08);
  border-color:#ff2bd6;
  box-shadow:0 0 22px #22f7eb66,0 0 18px #ff2bd644;
}
.clients-marquee{
  overflow:hidden;
  scroll-behavior:smooth;
}
@media(min-width:761px){
  .clients-track{animation:slide 7s linear infinite!important;}
  .clients-carousel:hover .clients-track{animation-play-state:paused;}
}
@media(max-width:760px){
  .clients-carousel{
    grid-template-columns:38px minmax(0,1fr) 38px;
    gap:7px;
  }
  .carousel-arrow{
    width:38px;
    height:38px;
    font-size:28px;
    background:#07101af2;
  }
  .clients-marquee{
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:8px 0 18px!important;
  }
  .clients-marquee::-webkit-scrollbar{display:none;}
  .clients-track{
    animation:none!important;
    transform:none!important;
    width:max-content!important;
    display:flex!important;
    gap:10px!important;
  }
  .client{
    flex:0 0 155px!important;
    min-width:155px!important;
    max-width:155px!important;
  }
}

/* V5.5 carrusel mobile auto real, flechas funcionales y productos ampliables */
@media(max-width:760px){
  .clients-marquee{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x;
    scroll-behavior:smooth;
  }
  .clients-track{
    animation:none!important;
    transform:none!important;
    display:flex!important;
    width:max-content!important;
    min-width:max-content!important;
    gap:10px!important;
  }
  .carousel-arrow{
    display:grid!important;
    place-items:center!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
}
.product{cursor:pointer;position:relative;}
.product:hover{border-color:var(--cyan);box-shadow:0 0 28px #22f7eb33;transform:translateY(-2px)}
.tap-hint{display:inline-flex;margin-top:10px;color:var(--cyan);font-size:.85rem;font-weight:800;letter-spacing:.02em}
.product-modal{position:fixed;inset:0;background:rgba(1,3,10,.78);backdrop-filter:blur(10px);z-index:100;display:none;align-items:center;justify-content:center;padding:22px}
.product-modal.open{display:flex}
body.modal-open{overflow:hidden}
.product-modal-card{position:relative;width:min(760px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#101522,#060913);border:1px solid #22f7eb55;border-radius:28px;padding:24px;box-shadow:0 0 60px #00b8ff33,0 0 42px #f248d622;color:#fff}
.product-modal-card img{width:100%;max-height:420px;object-fit:contain;border-radius:20px;background:#030712;margin-bottom:16px}
.product-modal-card h3{font-size:clamp(28px,4vw,48px);margin:12px 0 8px}
.product-modal-card p{color:var(--muted);font-size:1.04rem;line-height:1.7}
.product-modal-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff33;background:#07101a;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:2}
.product-modal-close:hover{border-color:#f248d6;box-shadow:0 0 20px #f248d644}
@media(max-width:760px){.product-modal{padding:12px}.product-modal-card{border-radius:22px;padding:16px}.product-modal-card img{max-height:300px}.tap-hint{font-size:.8rem}}


/* V5.6 FIX carrusel móvil: JS controla el auto-scroll; no se reinicia al tercer cliente */
@media(max-width:760px){
  .clients-carousel{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
    gap:8px!important;
  }
  .clients-marquee{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-behavior:smooth!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x!important;
    padding:10px 0 20px!important;
  }
  .clients-marquee::-webkit-scrollbar{display:none!important;}
  .clients-track{
    animation:none!important;
    transform:none!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    min-width:max-content!important;
    gap:10px!important;
  }
  .clients-track .client{
    flex:0 0 160px!important;
    min-width:160px!important;
    max-width:160px!important;
  }
  .carousel-arrow{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    z-index:30!important;
  }
}