/* PERSONALIZA AQUÍ: colores, tamaños, velocidades y radios */
:root{--bg:#080b12;--panel:#141b26;--cyan:#00e5ff;--violet:#7a3eff;--text:#f5f7fa;--muted:#aab5c8;--radius:24px;--orbit-speed:12s;--pulse-speed:5s;--reveal-time:.75s;--max:1200px;--glow:0 0 35px #00e5ff33}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--mx,50%) var(--my,20%),#00e5ff0d,transparent 70%);z-index:-1}#particles{position:fixed;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px max(5vw,calc((100vw - var(--max))/2));background:#080b12e8;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff15}.brand img{width:150px;height:56px;object-fit:contain}nav{display:flex;gap:26px}a{color:inherit;text-decoration:none}nav a:hover{color:var(--cyan)}#menu{display:none}main{max-width:var(--max);margin:auto;padding:0 24px}section{padding:90px 0}.hero{min-height:76vh;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px}.eyebrow,small{color:var(--cyan);letter-spacing:.15em;font-size:.75rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,6rem);line-height:1.02;letter-spacing:-.065em;margin-bottom:24px}h1 span{background:linear-gradient(100deg,var(--cyan),#a4a5ff);background-clip:text;color:transparent}h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.1;letter-spacing:-.045em}h3{font-size:1.6rem;margin:12px 0}p{color:var(--muted)}.lead{max-width:530px;font-size:1.15rem}.actions,.filters{display:flex;gap:12px;flex-wrap:wrap}.btn,button{font:inherit;cursor:pointer;border:1px solid #ffffff25;border-radius:12px;padding:12px 20px;color:var(--text);background:var(--panel)}.btn{display:inline-block;background:var(--cyan);color:var(--bg);font-weight:750;border-color:transparent;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:var(--glow)}.secondary{background:transparent;color:var(--text);border-color:#ffffff40}.visual{display:grid;place-items:center;min-height:400px;overflow:hidden;perspective:800px}.orb{position:relative;width:min(65vw,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e2ffff,var(--cyan) 8%,#113b59 30%,#0a1021 65%,var(--violet));box-shadow:0 0 90px #00e5ff55,inset 0 0 35px #ffffff44;display:grid;place-items:center;animation:pulse var(--pulse-speed) ease-in-out infinite}.orb b{font-size:4rem;letter-spacing:-.1em;text-shadow:0 0 25px var(--cyan)}.orb i{position:absolute;inset:-15%;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px var(--cyan);animation:orbit var(--orbit-speed) linear infinite}.orb i:nth-child(2){inset:-8%;border-color:var(--violet);animation-delay:-4s;animation-direction:reverse}.orb i:nth-child(3){inset:-22%;border-width:1px;animation-delay:-8s}@keyframes orbit{from{transform:rotateZ(0) rotateX(65deg)}to{transform:rotateZ(360deg) rotateX(65deg)}}@keyframes pulse{50%{transform:translateY(-12px);box-shadow:0 0 110px #7a3eff66}}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tile{position:relative;overflow:hidden;min-width:0;background:radial-gradient(300px circle at var(--x,50%) var(--y,50%),#00e5ff12,transparent),var(--panel);border:1px solid #ffffff15;border-radius:var(--radius);padding:28px;transition:border-color .3s,box-shadow .3s,transform .3s}.tile:hover{border-color:var(--cyan);box-shadow:var(--glow);transform:translateY(-4px)}.wide{grid-column:span 2}.symbol{font-size:5rem;line-height:1.2;color:var(--cyan);text-shadow:0 0 25px var(--violet)}.bars{height:95px;display:flex;align-items:end;gap:12px}.bars i{flex:1;background:linear-gradient(var(--cyan),var(--violet));height:35%;border-radius:6px;animation:bars 3s ease-in-out infinite alternate}.bars i:nth-child(2n){height:65%;animation-delay:-1s}.bars i:nth-child(3n){height:90%;animation-delay:-2s}@keyframes bars{to{transform:scaleY(.65);transform-origin:bottom}}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.art{display:grid;place-items:center;aspect-ratio:16/10;border-radius:16px;font-size:5rem;background:radial-gradient(circle,#00e5ff55,#0b1428 70%)}.art2{background:radial-gradient(circle,#7a3eff88,#0b1428 70%)}.art3{background:linear-gradient(135deg,#14293b,#49317a)}.filters button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}[hidden]{display:none!important}.contact{max-width:800px;margin:0 auto;text-align:center}form{display:grid;gap:16px;text-align:left;max-width:580px;margin:auto}label{display:grid;gap:6px}input,textarea{width:100%;background:var(--panel);color:var(--text);border:1px solid #ffffff30;border-radius:10px;padding:12px;font:inherit}footer{text-align:center;padding:32px;color:var(--muted);border-top:1px solid #ffffff15}.floating{position:fixed;bottom:20px;right:20px;background:#25d366;color:#07150d;padding:12px 20px;border-radius:30px;z-index:12;font-weight:bold}.js .reveal{opacity:0;translate:0 24px;transition:opacity var(--reveal-time),translate var(--reveal-time)}.js .reveal.visible{opacity:1;translate:0 0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}@media(max-width:760px){#menu{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--panel);padding:20px;flex-direction:column}nav.open{display:flex}.hero{grid-template-columns:1fr}.visual{min-height:340px}.bento,.projects{grid-template-columns:1fr}.wide{grid-column:auto}section{padding:55px 0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.js .reveal{opacity:1;translate:none}#particles{display:none}}