@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{color-scheme:dark;--bg:#0b0910;--panel:#15111d;--line:#30283b;--text:#f6f0fa;--muted:#aaa0b7;--violet:#bc8bff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.glow{position:absolute;inset:0 0 auto;height:720px;background:radial-gradient(ellipse at 75% 25%,#49205b55,transparent 55%);pointer-events:none}.nav{position:relative;z-index:5;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 24px;border-bottom:1px solid #ffffff15}.brand{font-family:'Space Grotesk';font-weight:700;letter-spacing:.17em;display:flex;align-items:center;gap:12px}.mark{border:1px solid var(--violet);color:var(--violet);padding:6px 11px;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}nav{display:flex;gap:32px}nav a,footer{font-size:13px;color:var(--muted)}nav a:hover,footer a:hover{color:var(--violet)}.menu{display:none;background:none;border:0;color:white;font-size:24px}.hero,.section{max-width:1180px;margin:auto;padding:110px 24px}.hero{position:relative;min-height:670px;padding-top:140px}.eyebrow,.kicker,.type{font-size:11px;letter-spacing:.22em;color:var(--violet);font-weight:700}.dot{display:inline-block;width:7px;height:7px;background:var(--violet);border-radius:50%;margin-right:8px;box-shadow:0 0 15px var(--violet)}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{position:relative;z-index:1;font-size:clamp(43px,6.5vw,83px);line-height:1.08;letter-spacing:-.055em;max-width:960px;margin:30px 0}h1 em,h2 em{font-style:normal;color:var(--violet)}.hero>p{max-width:620px;line-height:1.8;color:var(--muted);font-size:17px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--line);padding:15px 21px;font-size:13px;font-weight:700;cursor:pointer;transition:.25s}.primary{background:var(--violet);color:#170e21;border-color:var(--violet)}.primary:hover{background:#d4b2ff;transform:translateY(-2px)}.ghost:hover{border-color:var(--violet);color:var(--violet)}.stats{display:flex;gap:45px;margin-top:65px;color:var(--muted);font-size:12px;flex-wrap:wrap}.stats span{display:flex;gap:9px;align-items:center}.stats strong{font-size:22px;color:var(--text);font-family:'Space Grotesk'}.hero-symbol{position:absolute;right:35px;top:80px;font:bold 450px/.8 'Space Grotesk';color:#ad6ff30c;pointer-events:none}.section{border-top:1px solid #ffffff14}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-head p{max-width:320px;color:var(--muted);line-height:1.7;font-size:14px}h2{font-size:clamp(34px,4vw,53px);letter-spacing:-.04em;margin:16px 0}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.3s}.project:hover{border-color:#7954a4;transform:translateY(-4px)}.visual{height:230px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visual:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff25;pointer-events:none}.visual>span{font:700 100px 'Space Grotesk';letter-spacing:-.08em;color:#ffffffa8;text-shadow:0 10px 35px #0005}.visual small{position:absolute;bottom:25px;left:28px;font-size:10px;letter-spacing:.2em;color:#fffd}.v1{background:radial-gradient(circle at 60% 40%,#d3a0c1,#54314d 50%,#231522)}.v2{background:radial-gradient(circle at 60% 35%,#cda87a,#5c4036 50%,#201a1c)}.v3{background:radial-gradient(circle at 60% 35%,#618a93,#254a59 50%,#101c29)}.v4{background:radial-gradient(circle at 60% 35%,#9e9083,#47413e 50%,#1b1818)}.details{padding:27px}.details h3{font-size:27px;margin:10px 0}.details p{color:var(--muted);line-height:1.7;min-height:52px;font-size:14px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tags span{font-size:11px;border:1px solid #4a3b58;color:#b9acc7;padding:6px 9px}.project-link,.pending{font-size:12px;color:var(--violet);font-weight:700}.pending{color:#92859e}.services{background:linear-gradient(180deg,transparent,#1b102333)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.service-grid>div{padding:28px;border:1px solid var(--line);background:#141019}.num{color:var(--violet);font-size:12px}.service-grid h3{font-size:21px;margin:25px 0 10px}.service-grid p{color:var(--muted);font-size:14px;line-height:1.7}.contact{max-width:760px;text-align:center}.contact>p{color:var(--muted);line-height:1.8}.contact form{display:grid;text-align:left;gap:12px;margin:40px auto 0;max-width:520px}.contact label{font-size:12px;color:#d8cce2}.contact input,.contact textarea{background:#18121f;border:1px solid #493752;padding:14px;color:white;width:100%;outline:none}.contact input:focus,.contact textarea:focus{border-color:var(--violet)}.contact form button{margin-top:10px}.contact form small,.contact-note{color:#9b8fa7;font-size:12px}footer{max-width:1180px;margin:auto;padding:30px 24px 45px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px}@media(max-width:720px){.nav{padding:17px 20px}.menu{display:block}nav{display:none;position:absolute;top:65px;left:0;right:0;background:#15101c;padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero,.section{padding:75px 20px}.hero{min-height:auto}.hero-symbol{font-size:280px;top:80px;right:-10px}.stats{gap:18px;margin-top:45px}.stats span{flex-basis:100%}.section-head{display:block}.projects,.service-grid{grid-template-columns:1fr}.visual{height:205px}footer{flex-direction:column}.contact{padding-bottom:90px}}

/* V2: holograma, capas de animación independientes */
.hero{isolation:isolate}.hero>.eyebrow,.hero>h1,.hero>p,.hero>.actions,.hero>.stats{position:relative;z-index:2}.holo{position:absolute;right:0;top:95px;width:410px;height:410px;z-index:0;pointer-events:none;opacity:.84;transform-style:preserve-3d}.holo-aura{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,#a767fa30 0%,#a767fa12 32%,transparent 67%);filter:blur(9px)}.orbit{position:absolute;inset:18%;border:2px solid #b782fa66;border-radius:50%;box-shadow:0 0 18px #a866f633,inset 0 0 15px #b47afa25}.orbit-a{transform:rotate(-28deg) scaleY(.48)}.orbit-b{transform:rotate(57deg) scaleY(.46)}.orbit-c{border-style:dashed;inset:27%;opacity:.65}.holo-core{position:absolute;inset:37%;display:grid;place-items:center;border:1px solid #d1a5ff;border-radius:50%;background:radial-gradient(circle,#6e36a1bb,#210f37dd);box-shadow:0 0 25px #b781fa77,0 0 90px #a66dfb44;color:#ead7ff;font:700 65px 'Space Grotesk';text-shadow:0 0 22px #d6a9ff}.holo-particles{position:absolute;inset:0}.holo-particles i{position:absolute;width:3px;height:3px;border-radius:50%;background:#d7b0ff;box-shadow:0 0 10px #bd8bff}.project{will-change:transform}.project:hover{box-shadow:0 18px 55px #7e42b21c}@media(max-width:900px){.holo{right:-100px;top:110px;opacity:.35}}@media(max-width:720px){.holo{width:300px;height:300px;right:-130px;top:65px;opacity:.23}.holo-core{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project,.btn{transition:none!important}}

/* V3: movimiento visible sin sacrificar legibilidad */
.holo{width:440px;height:440px;right:-24px;top:82px;opacity:1;filter:drop-shadow(0 0 14px #a15cff55);transform-origin:center;perspective:850px}
.holo-grid{position:absolute;inset:8%;border-radius:50%;background:repeating-radial-gradient(circle,#b882ff18 0 1px,transparent 1px 30px);mask-image:radial-gradient(circle,#0008 20%,transparent 74%)}
.holo .orbit{inset:15%;border:2px solid #b782fa99;border-top-color:#f4d4ff;border-right-color:transparent;box-shadow:0 0 18px #a866f655,inset 0 0 18px #b47afa30;transform-origin:50% 50%}
.holo .orbit-a{inset:10%;transform:rotate(-30deg) rotateX(65deg)}
.holo .orbit-b{inset:16%;transform:rotate(65deg) rotateY(66deg)}
.holo .orbit-c{inset:25%;border-style:dashed;border-right-color:#e1baff;border-top-color:#b782fa;transform:rotate(12deg) rotateX(25deg)}
.holo .orbit b{position:absolute;top:50%;left:-7px;width:13px;height:13px;border-radius:50%;background:#f4d4ff;box-shadow:0 0 14px 5px #a66dfb}
.holo-core{inset:36%;font-size:70px;z-index:3;box-shadow:0 0 35px #b781fa99,0 0 95px #a66dfb55}
.holo-core span{display:block}.holo-scan{position:absolute;inset:13%;border-radius:50%;border:1px solid #bd8bff44;box-shadow:0 0 45px #a56bff30;pointer-events:none}
.holo-particles i{width:4px;height:4px;box-shadow:0 0 12px 3px #bd8bff88}
@media(max-width:900px){.holo{right:-85px;opacity:.5}}
@media(max-width:720px){.holo{width:290px;height:290px;right:-105px;top:90px;opacity:.25}.holo-core{font-size:43px}}
/* V4: miniaturas y texto magnético */
.project .visual{position:relative;overflow:hidden}.project .visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.project:hover .visual img{transform:scale(1.04)}.project .visual.has-shot>span{display:none}.project .visual.has-shot small{position:absolute;bottom:12px;left:12px;background:#100c18dd;padding:7px 10px;border-radius:5px}.magnetic-letter{display:inline-block;will-change:transform}.contact-note{font-size:.9rem}

/* V5: contacto por correo */
.contact-form{display:flex;flex-direction:column;gap:13px;max-width:650px;margin:28px auto 0;text-align:left}
.contact-form label{font-size:.92rem;color:#cbb5e5}
.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;border:1px solid #40304f;background:#100b18;color:#f6eeff;border-radius:5px;padding:15px;font:inherit;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #b789fa;outline-offset:2px}
.contact-form button{cursor:pointer;border:0;align-self:stretch}
.contact-form .contact-note{font-size:.86rem;opacity:.8;margin:0}
.contact-form a{color:#c59aff;text-decoration:underline}

/* Contacto directo por WhatsApp */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:100;background:#25d366;color:#092b16;padding:13px 18px;border-radius:100px;font-weight:800;text-decoration:none;box-shadow:0 10px 35px #0009;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:translateY(-4px);box-shadow:0 14px 38px #25d36655}
@media(max-width:600px){.wa-float{right:14px;bottom:14px;padding:11px 14px;font-size:13px}}

/* V7: galería de capturas reales */
.gallery-heading{font-size:24px;margin:28px 0 20px;letter-spacing:-.02em}.lab-heading{margin-top:68px}.lab-heading span{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}.shot-visual{display:block;background:#110c18}.shot-visual .shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity .5s ease,transform .7s ease}.shot-visual .secondary-shot{opacity:0}.project:hover .shot-visual .secondary-shot,.shot-visual:focus-visible .secondary-shot{opacity:1}.project:hover .shot-visual .primary-shot{transform:scale(1.035)}.shot-visual small{z-index:2;left:12px;bottom:12px;padding:7px 10px;background:#110a19dc;border:1px solid #ffffff24;letter-spacing:.09em;font-size:9px}.project .details p{min-height:70px}.shot-visual:focus-visible{outline:2px solid var(--violet);outline-offset:-2px}@media(max-width:720px){.lab-heading{margin-top:50px}.gallery-heading{font-size:21px}.shot-visual{height:225px}}@media(hover:none){.shot-visual .secondary-shot{display:none}}