@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090810;--panel:#11101a;--panel2:#171522;--text:#f7f5fb;--muted:#aaa6b8;--purple:#9a72ff;--line:#292635;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 78% 7%,#261743 0,transparent 27%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.17;border-radius:50%;z-index:-1}.ambient-one{width:260px;height:260px;background:#8c55ff;top:310px;right:8%}.ambient-two{width:220px;height:220px;background:#3c5ce8;top:1100px;left:-100px}.site-header{height:84px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:4}.brand{display:grid;line-height:1}.brand-name{font:800 23px 'Manrope',sans-serif;letter-spacing:.17em}.brand-tag{font-size:8px;letter-spacing:.19em;color:#aaa4bc;margin-top:6px}.nav{display:flex;gap:34px;align-items:center;font-size:13px;color:#d0cdda}.nav a:hover{color:white}.nav .nav-cta{padding:10px 17px;border:1px solid #51416f;border-radius:30px;color:#d4c4ff}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{max-width:1240px;margin:0 auto;padding:78px 28px 64px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:575px;gap:20px}.eyebrow,.kicker{font-size:10px;letter-spacing:.2em;color:#bca4ff;font-weight:700}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow span{width:7px;height:7px;background:#a47bff;border-radius:50%;box-shadow:0 0 16px #a47bff}.hero h1{font:700 clamp(39px,5vw,62px)/1.09 'Manrope',sans-serif;letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;background:linear-gradient(95deg,#fff,#b99cff 64%,#8e71f1);-webkit-background-clip:text;color:transparent}.hero-copy>p,.section-heading>p,.story-copy>p,.contact-card>p{max-width:510px;color:var(--muted);font-size:15px;line-height:1.8}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{min-height:46px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:13px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(120deg,#9c74ff,#7655d9);color:white;box-shadow:0 10px 26px #7655d933}.btn.secondary{border:1px solid #454052;background:#ffffff04}.contact-strip{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin-top:33px;font-size:11px;color:#b6b1c1}.contact-strip span{color:#827d8e}.contact-strip a:hover,.email-link:hover{color:#c4aaff}.hero-showcase{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.hero-card{position:absolute;overflow:hidden;background:linear-gradient(145deg,#252232,#12111a);border:1px solid #ffffff17;border-radius:24px;box-shadow:0 25px 70px #0008}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card-main{width:285px;height:340px;transform:rotate(-5deg);left:12%;top:38px}.hero-card-top{width:188px;height:210px;right:4%;top:4px;transform:rotate(8deg);border-radius:20px}.hero-orbit{position:absolute;width:360px;height:360px;border:1px solid #b18aff2a;border-radius:50%;right:7%;top:30px;box-shadow:inset 0 0 80px #8556ff13}.hero-badge{position:absolute;right:1%;bottom:38px;padding:14px 18px;border-radius:50px;background:#1a1725;border:1px solid #ffffff22;box-shadow:0 12px 30px #0008;font:800 12px 'Manrope';letter-spacing:.15em}.hero-badge small{color:#ad8bff;font-size:9px}.trust-row{max-width:1184px;margin:0 auto 90px;padding:24px 30px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff12;border-radius:15px;background:linear-gradient(110deg,#14121d,#100f18);box-shadow:0 20px 55px #0003}.trust-row div{display:flex;align-items:center;gap:13px;border-right:1px solid #ffffff16;padding-left:8%}.trust-row div:last-child{border:0}.trust-row b{font:700 12px 'Manrope';color:#a986ff}.trust-row span{font-size:12px;line-height:1.35;color:#c6c1d0}.catalog-section{max-width:1184px;margin:0 auto;padding:26px 0 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading h2,.story-copy h2,.contact-card h2{font:700 clamp(30px,4vw,43px)/1.15 'Manrope';letter-spacing:-.04em;margin:12px 0}.section-heading>p{max-width:430px;margin-bottom:6px;font-size:13px}.filters{display:flex;gap:8px;margin:30px 0 25px}.filter{padding:9px 17px;background:transparent;border:1px solid var(--line);border-radius:30px;font-size:12px;color:#bcb7c7;cursor:pointer}.filter:hover,.filter.active{background:#9a72ff;color:white;border-color:#9a72ff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{overflow:hidden;border:1px solid #ffffff13;border-radius:15px;background:linear-gradient(145deg,#171520,#100f16);transition:.25s}.product-card:hover{transform:translateY(-5px);border-color:#8f70d966;box-shadow:0 18px 35px #0005}.product-card[hidden]{display:none}.product-media{height:225px;background:radial-gradient(ellipse at center,#292438,#15131d 69%);padding:14px;display:flex;align-items:center;justify-content:center}.product-media img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border-radius:10px}.product-info{padding:19px}.category{font-size:9px;letter-spacing:.16em;color:#aa8bff;font-weight:700}.product-info h3{font:700 17px 'Manrope';margin:5px 0 0}.product-info p{font-size:12px;color:#aaa5b5;min-height:39px;margin:12px 0 17px}.card-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;padding-top:13px}.text-btn{border:0;background:none;padding:0;color:#e8e3f1;font-size:11px;cursor:pointer}.mini-wa{font-size:11px;color:#c0aaff}.mini-wa:after{content:' ↗'}.spec-note{color:#827d8d;font-size:10px;margin-top:23px}.brand-story{max-width:1184px;margin:0 auto 100px;padding:54px 60px;border:1px solid #ffffff13;border-radius:20px;background:radial-gradient(ellipse at 83% 50%,#342153 0,transparent 38%),linear-gradient(115deg,#171520,#100f17);display:grid;grid-template-columns:1fr .65fr;align-items:center;min-height:350px}.story-copy h2{max-width:650px}.story-copy>p{font-size:13px;max-width:650px}.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.story-points div{display:grid;gap:5px}.story-points b{font-size:11px}.story-points span{font-size:10px;color:#aaa5b5}.story-mark{justify-self:center;width:220px;height:220px;border:1px solid #ba9dff57;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 65px #986bff17,0 0 55px #986bff12;position:relative}.story-mark:before,.story-mark:after{content:'';position:absolute;inset:14px;border:1px solid #ba9dff22;border-radius:50%}.story-mark:after{inset:-13px;border-color:#ba9dff14}.story-mark span{font:700 70px 'Manrope';letter-spacing:-.1em;color:#e2d6ff}.story-mark small{font-size:9px;letter-spacing:.3em;color:#a98cff}.contact{padding:0 24px 95px}.contact-card{max-width:800px;margin:auto;text-align:center;padding:48px 24px;border:1px solid #ffffff16;border-radius:18px;background:radial-gradient(ellipse at 50% 0,#35214e,#171520 65%)}.contact-card>p{margin:0 auto 25px;font-size:13px}.contact-person{display:flex;align-items:center;justify-content:center;gap:12px;text-align:left;margin:23px auto}.avatar{width:42px;height:42px;display:grid;place-items:center;background:#8c69df;border-radius:50%;font-weight:700;font-size:12px}.contact-person div:last-child{display:grid}.contact-person strong{font-size:12px}.contact-person span{font-size:10px;color:#aca6b6}.contact-buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.email-link{display:inline-block;color:#aaa4b4;font-size:11px;margin-top:18px}.footer{max-width:1184px;margin:auto;border-top:1px solid #ffffff15;padding:24px 0 35px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}.brand-name.small{font-size:15px}.footer p{font-size:10px;color:#8e8999;margin:5px 0}.footer .legal{text-align:center;max-width:530px;margin:auto}.footer>a{justify-self:end;font-size:11px;color:#bea6ff}.floating-wa{position:fixed;z-index:5;bottom:20px;right:22px;padding:12px 17px;background:#1ebd5b;color:white;border-radius:30px;box-shadow:0 8px 26px #0007;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.floating-wa svg{width:19px;height:19px;fill:white}.product-modal{width:min(760px,calc(100% - 28px));padding:0;border:1px solid #514668;border-radius:18px;background:#13111b;color:white;box-shadow:0 25px 100px #000b}.product-modal::backdrop{background:#05040bd9;backdrop-filter:blur(7px)}.modal-close{position:absolute;right:14px;top:10px;background:#ffffff12;border:0;border-radius:50%;width:34px;height:34px;font-size:23px;cursor:pointer;z-index:1}.modal-grid{display:grid;grid-template-columns:.9fr 1fr;min-height:390px}.modal-image{display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse,#30263e,#17141f)}.modal-image img{width:100%;max-height:310px;object-fit:contain}.modal-copy{padding:52px 32px 30px}.modal-copy h2{font:700 25px 'Manrope';margin:9px 0}.modal-copy p,.modal-copy li{font-size:12px;color:#c2bdca}.modal-copy ul{padding-left:18px;line-height:1.9;margin-bottom:20px}.modal-copy small{display:block;color:#9993a3;font-size:10px;margin-top:12px}@media(max-width:900px){.catalog-section,.brand-story,.footer,.trust-row{margin-left:24px;margin-right:24px}.hero{min-height:0;padding-top:60px}.hero-showcase{height:350px}.hero-card-main{width:225px;height:285px}.hero-card-top{width:145px;height:170px}.hero-orbit{width:300px;height:300px}.product-grid{grid-template-columns:repeat(2,1fr)}.trust-row div{padding-left:5%}.brand-story{padding:40px;grid-template-columns:1fr .55fr}.story-mark{width:170px;height:170px}.story-mark span{font-size:55px}}@media(max-width:640px){.site-header{height:70px;padding:0 20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 22px 22px;background:#11101a;border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:stretch;gap:17px}.nav.open{display:flex}.nav .nav-cta{text-align:center}.hero{padding:45px 21px 35px;grid-template-columns:1fr;gap:0}.hero h1{font-size:43px}.hero-copy>p{font-size:13px}.contact-strip{gap:9px 15px}.hero-showcase{height:320px;margin-top:12px}.hero-card-main{left:13%;top:28px;width:205px;height:260px}.hero-card-top{right:5%;top:0;width:135px;height:150px}.hero-orbit{right:4%;top:20px;width:275px;height:275px}.hero-badge{bottom:23px;right:4%}.trust-row{grid-template-columns:repeat(2,1fr);gap:18px 0;padding:20px 15px;margin-bottom:65px}.trust-row div{padding-left:7%;border-right:0}.trust-row div:nth-child(odd){border-right:1px solid #ffffff16}.catalog-section{padding-bottom:65px}.section-heading{display:block}.section-heading>p{margin-top:13px}.filters{overflow:auto;padding-bottom:3px}.filter{white-space:nowrap}.product-grid{grid-template-columns:1fr;gap:13px}.product-media{height:235px}.product-info p{min-height:0}.brand-story{margin-bottom:65px;padding:30px 23px;grid-template-columns:1fr}.story-copy h2{font-size:30px}.story-points{grid-template-columns:1fr;gap:14px}.story-mark{margin:40px auto 10px}.contact{padding-bottom:65px}.contact-card{padding:38px 18px}.footer{margin:0 22px;padding:22px 0 75px;grid-template-columns:1fr;gap:8px;text-align:center}.footer .legal{order:3}.footer>a{justify-self:center}.modal-grid{grid-template-columns:1fr}.modal-image{height:220px;padding:18px}.modal-image img{max-height:190px}.modal-copy{padding:26px 24px}.modal-copy ul{columns:2}.floating-wa{right:13px;bottom:13px;padding:11px 14px}}
.brand{position:relative;padding-left:39px}.brand-logo{position:absolute;left:0;top:50%;width:29px;height:29px;object-fit:cover;transform:translateY(-50%);border-radius:7px}.product-media{height:auto;aspect-ratio:4/5;padding:0;overflow:hidden}.product-media img{object-fit:cover;border-radius:0}.story-mark{overflow:hidden}.story-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero-card img,.product-media img,.modal-image img{object-fit:contain}.product-media{background:#0e0c15}.hero-card{background:#0e0c15}


/* Ajustes de interacción táctil y compatibilidad móvil */
html, body { max-width: 100%; overflow-x: hidden; }
a, button { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
button { -webkit-appearance: none; appearance: none; }
.menu-toggle, .filter, .text-btn, .mini-wa, .modal-close { min-height: 44px; }
.menu-toggle { min-width: 44px; cursor: pointer; position: relative; z-index: 102; }
.text-btn, .mini-wa { display: inline-flex; align-items: center; padding: 8px 4px; }
.hero-card, .hero-orbit, .hero-badge, .ambient, .story-mark::before, .story-mark::after { pointer-events: none; }
.product-card, .card-actions, .filters, .nav, .contact-buttons { position: relative; z-index: 1; }
.product-modal { max-height: calc(100dvh - 24px); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
body.modal-open { overflow: hidden; }
.product-modal.fallback-open { position: fixed; inset: 12px; margin: auto; z-index: 9999; }
.product-modal.fallback-open::before { content: ''; position: fixed; inset: 0; background: #05040bd9; z-index: -1; }

@media (hover: none), (pointer: coarse) {
  .btn:hover, .product-card:hover { transform: none; }
  .filter:hover { background: transparent; color: #bcb7c7; border-color: var(--line); }
  .filter.active { background: #9a72ff; color: white; border-color: #9a72ff; }
}

@media (max-width: 640px) {
  .site-header { z-index: 100; }
  .nav { z-index: 101; box-shadow: 0 18px 36px #0008; }
  .nav.open { display: flex; }
  .nav a { min-height: 44px; display: flex; align-items: center; }
  .filters { -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .filters::-webkit-scrollbar { display: none; }
  .filter { min-height: 44px; }
  .card-actions { gap: 16px; }
  .text-btn, .mini-wa { min-width: 44%; justify-content: center; border-radius: 8px; }
  .text-btn { background: #ffffff08; }
  .mini-wa { background: #9a72ff18; }
  .product-modal { width: calc(100% - 20px); max-height: calc(100dvh - 20px); }
  .modal-close { width: 44px; height: 44px; right: 8px; top: 8px; }
  .modal-copy ul { columns: 1; }
  .modal-copy .btn { width: 100%; }
  .floating-wa { min-height: 46px; }
}