*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}a{text-decoration:none}button{cursor:pointer;font-family:inherit}.app{min-height:100vh;display:flex;flex-direction:column;transition:background .5s ease,color .5s ease}main{flex:1}.theme-ia{--bg: #060a14;--bg2: #0b1222;--text: #e8eef8;--muted: #8899b4;--accent: #4da3ff;--accent-dim: rgba(77,163,255,.14);--border: #1a2740;background:var(--bg);color:var(--text)}.theme-comercial{--bg: #faf7f2;--bg2: #ffffff;--text: #2b2018;--muted: #8a7a6c;--accent: #c25e3a;--accent-dim: rgba(194,94,58,.1);--border: #e8ddd0;background:var(--bg);color:var(--text)}.theme-musica{--bg: #080808;--bg2: #111;--text: #f0f0f0;--muted: #888;--accent: #c9a84c;--accent-dim: rgba(201,168,76,.12);--border: #222;background:var(--bg);color:var(--text)}.topnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 28px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-wrap:wrap}.topnav-brand{display:flex;align-items:center;gap:10px}.topnav-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--accent)}.topnav-name{font-weight:700;font-size:.95rem;letter-spacing:.3px}.topnav-tabs{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{background:transparent;border:1px solid var(--border);border-radius:12px;padding:8px 16px;color:var(--muted);text-align:left;transition:all .3s ease;display:flex;flex-direction:column;gap:1px}.tab-btn:hover{border-color:var(--accent);color:var(--text)}.tab-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--text)}.tab-label{font-weight:700;font-size:.85rem}.tab-sub{font-size:.68rem;opacity:.75}.section-block{max-width:1100px;margin:0 auto;padding:72px 24px}.section-h{font-size:1.9rem;font-weight:800;margin-bottom:32px;display:flex;align-items:center;gap:14px}.section-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.footer{border-top:1px solid var(--border);padding:22px 28px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--muted);transition:color .25s}.footer-links a:hover{color:var(--accent)}.tab-ia{font-family:Inter,sans-serif}.ia-hero{position:relative;max-width:1100px;margin:0 auto;padding:24px 24px 0}.ia-hero-text{text-align:center;margin-top:-40px;position:relative;z-index:2;padding-bottom:48px}.ia-kicker{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:.85rem;letter-spacing:2px;margin-bottom:14px}.ia-hero-text h1{font-size:clamp(2rem,5vw,3.4rem);font-weight:800;line-height:1.12}.ia-accent{color:var(--accent)}.ia-lead{max-width:620px;margin:18px auto 26px;color:var(--muted);font-size:1.05rem;line-height:1.6}.ia-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-ia{background:var(--accent);color:#04101f;font-weight:700;padding:12px 26px;border-radius:10px;font-size:.92rem;transition:transform .2s,box-shadow .2s}.btn-ia:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4da3ff59}.btn-ia.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.ia-scroll-claim{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:0 24px}.ia-scroll-claim h2{font-size:clamp(1.4rem,3.4vw,2.4rem);text-align:center;font-weight:800;line-height:1.35}.ia-scroll-claim .ia-accent{font-family:JetBrains Mono,monospace;font-size:.85em}.ia-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.ia-project{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:26px;transition:border-color .3s,transform .3s}.ia-project:hover{border-color:var(--accent);transform:translateY(-4px)}.ia-project h3{font-size:1.05rem;margin-bottom:10px;color:var(--accent)}.ia-project p{font-size:.9rem;color:var(--muted);line-height:1.55}.ia-stack{font-family:JetBrains Mono,monospace;font-size:.72rem!important;margin-top:14px;color:var(--text)!important;opacity:.7}.ia-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}.ia-previews iframe{width:100%;height:100%;border:0}.ia-skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.skill-cover{height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg2),var(--accent-dim));border:1px solid var(--border);border-radius:14px}.skill-cover span{font-weight:800;font-size:1.1rem}.skill-reveal{height:100%;display:flex;align-items:center;padding:22px;background:var(--accent);border-radius:14px}.skill-reveal p{color:#04101f;font-size:.85rem;font-weight:500;line-height:1.5}.ia-fourth{padding-bottom:110px}.fw-inner{text-align:center;padding:40px 24px}.fw-inner h2{font-size:clamp(1.3rem,3vw,1.9rem);margin-bottom:12px}.fw-inner p{color:var(--muted)}.fw-foto{width:130px;height:130px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:0 10px 34px #00000080}.tab-comercial{font-family:Inter,sans-serif}.com-hero{max-width:1100px;margin:0 auto;padding:72px 24px 56px;display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.com-kicker{color:var(--accent);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:.8rem;margin-bottom:14px}.com-hero-text h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;line-height:1.15}.com-accent{color:var(--accent)}.com-lead{margin:18px 0 26px;color:var(--muted);font-size:1.05rem;line-height:1.65}.com-cta-row{display:flex;gap:14px;flex-wrap:wrap}.com-cta-row.center{justify-content:center}.btn-com{background:var(--accent);color:#fff;font-weight:700;padding:12px 26px;border-radius:10px;font-size:.92rem;transition:transform .2s,box-shadow .2s}.btn-com:hover{transform:translateY(-2px);box-shadow:0 8px 24px #c25e3a4d}.btn-com.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.com-hero-foto{position:relative;text-align:center}.com-hero-foto img{width:min(300px,80%);border-radius:20px;box-shadow:0 18px 48px #2b20182e}.com-badge{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-weight:700;font-size:.78rem;padding:8px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px #c25e3a59}.com-scroll-claim{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:0 24px;background:var(--bg2)}.com-scroll-claim h2{font-size:clamp(1.3rem,3.2vw,2.2rem);text-align:center;font-weight:800;line-height:1.4}.com-timeline{display:flex;flex-direction:column;gap:18px}.com-job{background:var(--bg2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:12px;padding:22px 26px}.com-job-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.com-job h3{font-size:1.05rem}.com-fechas{color:var(--accent);font-weight:700;font-size:.82rem;white-space:nowrap}.com-lugar{font-style:italic;color:var(--muted);font-size:.88rem;margin:4px 0 10px}.com-detalle{font-size:.92rem;line-height:1.55;color:var(--text);opacity:.85}.com-fuertes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.fuerte-cover{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg2);border:1px solid var(--border);border-radius:14px}.fuerte-cover span{font-weight:800;font-size:1.05rem}.fuerte-reveal{height:100%;display:flex;align-items:center;padding:20px;background:var(--accent);border-radius:14px}.fuerte-reveal p{color:#fff;font-size:.84rem;font-weight:500;line-height:1.5}.com-cierre{text-align:center}.com-cierre h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px}.com-cierre p{color:var(--muted);margin-bottom:24px}.tab-musica{font-family:Inter,sans-serif}.mus-hero{text-align:center;padding:84px 24px 40px;max-width:900px;margin:0 auto}.mus-logo{width:74px;margin-bottom:18px}.mus-kicker{color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;font-size:.78rem;margin-bottom:10px}.mus-title{font-family:Playfair Display,serif;font-size:clamp(3rem,9vw,5.5rem);letter-spacing:6px;color:var(--accent);font-weight:800}.mus-lead{max-width:560px;margin:20px auto 28px;color:var(--muted);line-height:1.7}.mus-lead strong{color:var(--text)}.mus-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn-mus{background:var(--accent);color:#080808;font-weight:700;padding:12px 26px;border-radius:8px;font-size:.92rem;transition:background .25s,transform .2s}.btn-mus:hover{background:#a07c30;transform:translateY(-2px)}.btn-mus.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn-mus.ghost:hover{background:var(--accent-dim)}.mus-h{font-family:Playfair Display,serif;font-weight:700}.mus-scroll-claim{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:0 24px;background:var(--bg2)}.mus-scroll-claim h2{font-family:Playfair Display,serif;font-size:clamp(1.5rem,3.6vw,2.6rem);text-align:center;font-weight:700;line-height:1.4}.mus-accent{color:var(--accent)}.mus-works{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}.mus-side h3{font-family:Playfair Display,serif;margin-bottom:14px;font-size:1.15rem}.mus-tracks{list-style:none}.mus-tracks li{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--border);font-size:.92rem}.mus-year{color:var(--muted)}.mus-links{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.mus-links a{color:var(--accent);font-size:.88rem;border-bottom:1px solid transparent;transition:border-color .25s}.mus-links a:hover{border-color:var(--accent)}.mus-servicios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.mus-servicio{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:26px;text-align:center;transition:border-color .3s}.mus-servicio:hover{border-color:var(--accent)}.mus-servicio h3{font-family:Playfair Display,serif;margin-bottom:8px}.mus-precio{color:var(--accent);font-weight:700;font-size:1.3rem;margin-bottom:10px}.mus-servicio p:last-child{color:var(--muted);font-size:.88rem;line-height:1.5}.mus-nota{text-align:center;color:var(--muted);font-size:.82rem;margin-top:28px}@media(max-width:780px){.com-hero{grid-template-columns:1fr;text-align:center}.com-cta-row{justify-content:center}.mus-works{grid-template-columns:1fr}.topnav{justify-content:center}.section-block{padding:48px 18px}}.lab-page{min-height:100vh;background:#0d1117;color:#e6edf3;font-family:Inter,sans-serif}.lab-header{padding:20px 24px;border-bottom:1px solid #30363d}.lab-back{color:#58a6ff;font-size:.88rem;text-decoration:none}.lab-back:hover{text-decoration:underline}.lab-main{max-width:860px;margin:0 auto;padding:48px 24px 80px}.lab-intro{margin-bottom:48px}.lab-kicker{font-family:JetBrains Mono,monospace;color:#8b949e;font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.lab-intro h1{font-size:clamp(1.7rem,4.5vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:14px}.lab-lead{color:#8b949e;font-size:1rem;line-height:1.6;max-width:60ch}.lab-lead code{font-family:JetBrains Mono,monospace;background:#161b22;border:1px solid #30363d;border-radius:4px;padding:1px 5px}.lab-block{margin-bottom:56px}.lab-block h2{font-family:JetBrains Mono,monospace;font-size:1rem;color:#8b949e;margin-bottom:16px}.lab-footer{text-align:center;padding:24px;border-top:1px solid #30363d;color:#8b949e;font-size:.8rem}.lab-note{color:#8b949e;font-size:.88rem;margin:-8px 0 16px}.lab-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:640px){.lab-cards{grid-template-columns:1fr}}.lab-card-img{width:100%;height:100%;object-fit:cover;display:block}.lab-card-reveal{background:#0d1117eb;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px;gap:8px}.lab-card-reveal h3{font-size:1.2rem;font-weight:800}.lab-card-reveal p{color:#8b949e;font-size:.9rem;line-height:1.5}.lab-card-reveal a{color:#58a6ff;font-size:.88rem;text-decoration:none}.lab-card-reveal a:hover{text-decoration:underline}