@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);:root{--bg-primary:#050a05;--bg-secondary:#0a110a;--bg-card:#00140099;--bg-card-hover:#002800cc;--text-primary:#00ff41;--text-secondary:#39d353;--text-dim:#1a6b1a;--text-muted:#0d3d0d;--accent-green:#00ff41;--accent-cyan:#0ff;--accent-magenta:#ff0090;--accent-yellow:#ffe600;--border-color:#00ff4155;--border-hover:#00ff41cc;--glow-green:0 0 10px #00ff4166,0 0 20px #00ff4133;--glow-cyan:0 0 10px #0ff6,0 0 20px #0ff3;--glow-magenta:0 0 10px #ff009066,0 0 20px #ff009033;--nav-bg:#050a05f2;--scrollbar-thumb:#00ff4155;--scanline-color:#00ff4108}[data-theme=light]{--bg-primary:#f0fff4;--bg-secondary:#e8f5e9;--bg-card:#c8f0d2b3;--bg-card-hover:#b4e6c3e6;--text-primary:#004d00;--text-secondary:#060;--text-dim:#2e7d32;--text-muted:#a5d6a7;--accent-green:#070;--accent-cyan:#066;--accent-magenta:#804;--accent-yellow:#650;--border-color:#00770055;--border-hover:#070c;--glow-green:0 0 8px #0703;--glow-cyan:0 0 8px #0663;--glow-magenta:0 0 8px #8043;--nav-bg:#e8f5e9f7;--scrollbar-thumb:#00770055;--scanline-color:#00640005}*{box-sizing:border-box;font-family:JetBrains Mono,Courier New,Consolas,monospace;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050a05;background-color:var(--bg-primary);color:#00ff41;color:var(--text-primary);margin:0;overflow-x:hidden;position:relative}body:before{background:repeating-linear-gradient(0deg,#00ff4108,#00ff4108 1px,#0000 0,#0000 4px);background:repeating-linear-gradient(0deg,var(--scanline-color) 0,var(--scanline-color) 1px,#0000 1px,#0000 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#050a05;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#00ff4155;background:var(--scrollbar-thumb);border-radius:3px}::selection{background:#00ff41;background:var(--accent-green);color:#050a05;color:var(--bg-primary)}code{font-family:JetBrains Mono,Courier New,monospace}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes glitch{0%{text-shadow:2px 0 #0ff,-2px 0 #ff0090;text-shadow:2px 0 var(--accent-cyan),-2px 0 var(--accent-magenta)}25%{text-shadow:-2px 0 #0ff,2px 0 #ff0090;text-shadow:-2px 0 var(--accent-cyan),2px 0 var(--accent-magenta)}50%{text-shadow:2px 2px #ff0090,-2px -2px #0ff;text-shadow:2px 2px var(--accent-magenta),-2px -2px var(--accent-cyan)}75%{text-shadow:-2px 2px #0ff,2px -2px #ff0090;text-shadow:-2px 2px var(--accent-cyan),2px -2px var(--accent-magenta)}to{text-shadow:2px 0 #0ff,-2px 0 #ff0090;text-shadow:2px 0 var(--accent-cyan),-2px 0 var(--accent-magenta)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scanIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes neonPulse{0%,to{box-shadow:0 0 10px #00ff4166,0 0 20px #00ff4133;box-shadow:var(--glow-green)}50%{box-shadow:0 0 20px #00ff41,0 0 40px #00ff4144;box-shadow:0 0 20px var(--accent-green),0 0 40px var(--accent-green)44}}.App{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.contenedor{margin:0 auto;max-width:1400px!important;padding:0 2rem;position:relative}.contenedor:before{background-image:linear-gradient(var(--border-color) 1px,#0000 1px),linear-gradient(90deg,var(--border-color) 1px,#0000 1px);background-size:50px 50px;content:"";height:100%;left:0;opacity:.15;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.section-heading{align-items:center;color:var(--accent-cyan);display:flex;font-size:1.4rem;font-weight:700;gap:.75rem;letter-spacing:.1em;margin-bottom:2.5rem}.section-heading:before{color:var(--accent-magenta);content:"❯";font-size:1.2rem}.section-heading:after{background:linear-gradient(90deg,var(--border-color),#0000);content:"";flex:1 1;height:1px;margin-left:.5rem}@media(max-width:1300px){.contenedor{padding:0 1.5rem}}.nav-principal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px #00ff4114;padding:0;position:-webkit-sticky;position:sticky;top:0;transition:background .3s ease;z-index:100}.nav-contenido{justify-content:space-between;margin:0 auto;max-width:1400px;padding:.85rem 2rem}.nav-contenido,.nav-logo{align-items:center;display:flex}.nav-logo{font-size:1.3rem;font-weight:700;gap:2px;letter-spacing:.05em;text-decoration:none}.logo-prompt{color:var(--accent-cyan)}.logo-name{color:var(--text-primary)}.logo-cursor{animation:blink 1.1s step-start infinite;color:var(--accent-green);font-size:1.1rem}.nav-links{gap:.25rem;list-style:none}.menu-item,.nav-links{align-items:center;display:flex}.menu-item{border:1px solid #0000;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;gap:.3rem;letter-spacing:.05em;padding:.45rem .85rem;text-decoration:none;transition:all .2s ease}.menu-prefix{color:var(--accent-magenta);font-weight:700}.menu-item:hover{border-color:var(--border-hover);box-shadow:var(--glow-green);text-shadow:0 0 8px var(--accent-green)}.menu-item:hover,.theme-toggle{background:var(--bg-card);color:var(--text-primary)}.theme-toggle{align-items:center;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.45rem 1rem;transition:all .2s ease}.theme-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--glow-green)}.toggle-icon{font-size:1rem}.toggle-label{color:var(--accent-cyan);font-size:.8rem}@media (max-width:900px){.nav-links{gap:0}.menu-item{font-size:.8rem;padding:.4rem .5rem}.toggle-label{display:none}}@media (max-width:600px){.nav-contenido{flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem}.nav-links{flex-wrap:wrap;justify-content:center;order:3;width:100%}}.intro-contenedor{animation:fadeInUp .8s ease forwards;padding:4rem 0 3rem}.terminal-window{animation:neonPulse 4s ease infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-hover);border-radius:8px;box-shadow:var(--glow-green),0 0 60px #00ff410d;margin:0 auto;max-width:860px;overflow:hidden}.terminal-bar{align-items:center;background:#001e00cc;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:.6rem 1rem}[data-theme=light] .terminal-bar{background:#b4e6bee6}.terminal-title{color:var(--text-dim);font-size:.8rem;letter-spacing:.05em;margin-left:.5rem}.terminal-body{padding:1.5rem 2rem 2rem}.terminal-line{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:1px;line-height:1.8}.mt-line{margin-top:1.25rem}.prompt-user{color:#00ff41;font-weight:700}.prompt-at{color:var(--text-dim)}.prompt-host{color:var(--accent-cyan);font-weight:700}.prompt-sep{color:var(--text-dim)}.prompt-path{color:var(--accent-magenta)}.prompt-symbol{color:var(--accent-cyan);font-weight:700;margin:0 4px}.terminal-cmd{color:var(--text-secondary)}.intro-title-wrap{align-items:center;display:flex;margin:.5rem 0 .25rem 1rem;overflow:hidden}.intro-title{color:var(--text-primary);font-size:3.5rem;font-weight:800;letter-spacing:.05em;overflow:hidden;text-shadow:0 0 20px var(--accent-green),0 0 40px var(--accent-green)66;transition:width 1.2s steps(20);white-space:nowrap;width:0}.title-cursor{animation:blink .8s step-start infinite;color:var(--accent-green);font-size:2.5rem;line-height:1;margin-left:4px}.intro-desc{display:flex;flex-direction:column;gap:.3rem;margin:.6rem 0 0 1rem}.desc-line{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.95rem;gap:1rem;line-height:1.6}.line-num{color:var(--text-dim);font-size:.8rem;min-width:1.8rem;padding-top:1px;-webkit-user-select:none;user-select:none}.intro-tech-stack{display:flex;flex-wrap:wrap;gap:1.5rem;margin:.75rem 0 0 1rem}.tech-icon-terminal{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;cursor:default;display:flex;flex-direction:column;gap:.4rem;min-width:72px;padding:.75rem;transition:all .25s ease}.tech-icon-terminal:hover{border-color:var(--border-hover);box-shadow:var(--glow-green);transform:translateY(-3px)}.tech-icon-terminal img{filter:drop-shadow(0 0 4px var(--accent-green)44);height:2.2rem;object-fit:contain;width:2.2rem}.tech-icon-terminal span{color:var(--text-dim);font-size:.7rem;letter-spacing:.05em}.input-cursor{animation:blink 1s step-start infinite;color:var(--accent-green);margin-left:4px}@media (max-width:768px){.intro-title{font-size:2.2rem}.terminal-body{padding:1rem}}.skills-container{animation:fadeInUp .6s ease forwards;margin:5rem 0;position:relative}.cmd-prompt{color:var(--accent-cyan);font-size:1.1rem;font-weight:700}.cmd-text{color:var(--text-secondary);font-size:1rem}.cmd-flag{color:var(--accent-magenta)}.section-label{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:.03em;margin-bottom:2.5rem;padding-bottom:.75rem;text-shadow:0 0 15px var(--accent-green)66}.skills-contenido{align-items:flex-start;display:flex;gap:3rem}.skills{grid-gap:2.5rem;display:grid;grid-template-columns:repeat(2,1fr)}.skills,.skills-info{flex:1 1}@media (max-width:768px){.skills-contenido{flex-direction:column}.skills{width:100%}}.skills-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:2.5rem 1.5rem 1.5rem;position:relative;text-align:center;transition:all .25s ease}.skills-card.active,.skills-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--glow-green)}.skills-card.active{box-shadow:var(--glow-green),inset 0 0 20px #00ff410d}.skills-card span{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.05em}.skills-card.active span,.skills-card:hover span{color:var(--text-primary);text-shadow:0 0 8px var(--accent-green)}.skills-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;height:4.5rem;justify-content:center;left:-1rem;position:absolute;top:-1.2rem;transition:all .25s ease;width:4.5rem}.skills-card.active .skills-icon,.skills-card:hover .skills-icon{border-color:var(--border-hover);box-shadow:var(--glow-green)}.skills-icon img{filter:drop-shadow(0 0 4px var(--accent-green)44);height:auto;object-fit:contain;width:2.5rem}.skills-info-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;min-height:22rem;overflow:hidden}.skills-info-card h6{align-items:center;background:#001e0080;border-bottom:1px solid var(--border-color);color:var(--accent-cyan);display:flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.08em;padding:.75rem 1.5rem}[data-theme=light] .skills-info-card h6{background:#b4e6be80}.skills-info-card h6:before{color:var(--text-dim);content:"┌──[";font-size:.9rem}.skills-info-card h6:after{color:var(--text-dim);content:"]──";font-size:.9rem}.skills-info-content{padding:1.5rem}.skills-info{justify-content:space-between;min-width:0;min-width:auto}.skills-info,.skills-info p{align-items:center;display:flex}.skills-info p{color:var(--text-secondary);font-size:.95rem;font-weight:500;gap:.5rem}.skills-info p:before{color:var(--accent-magenta);content:"▸";font-size:.8rem}.skills-info .percentage{color:var(--accent-cyan);font-size:.9rem;font-weight:700}.skills-info .percentage:before{content:none}.skill-progress-bg{background:#00ff4114;border:1px solid var(--border-color);border-radius:3px;height:6px;margin:.5rem 0 1rem;overflow:hidden;width:100%}.skill-progress{background:linear-gradient(90deg,var(--accent-green),var(--accent-cyan));border-radius:3px;box-shadow:0 0 8px var(--accent-green)88;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);width:0}.work-container{animation:fadeInUp .6s ease forwards;margin:5rem 0}.cmd-prompt-w{color:var(--accent-magenta);font-size:1.1rem;font-weight:700}.cmd-text-w{color:var(--text-secondary);font-size:1rem}.cmd-flag-w{color:var(--accent-yellow)}.section-cmd-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.section-label-w{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:.03em;margin-bottom:2.5rem;padding-bottom:.75rem;text-shadow:0 0 15px var(--accent-green)66}.work-layout{align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--glow-green);display:flex;gap:2.5rem;overflow:hidden}.work-sidebar{border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:220px}.job-tab{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-dim);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.88rem;font-weight:500;gap:.6rem;letter-spacing:.03em;padding:1.1rem 1.25rem;text-align:left;transition:all .2s ease}.job-tab:last-child{border-bottom:none}.job-tab:hover{background:#00ff410d;color:var(--text-secondary)}.job-tab.active{background:#00ff4114;border-left:3px solid var(--accent-green);box-shadow:inset 4px 0 12px #00ff410d;color:var(--text-primary)}.tab-prefix{color:var(--accent-green);font-size:.7rem;min-width:10px}.tab-company{font-weight:600}.work-detail{animation:scanIn .3s ease forwards;flex:1 1;padding:1.75rem 2rem}.job-header{align-items:flex-start;border-bottom:1px dashed var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.job-role{color:var(--text-primary);font-size:1.25rem;font-weight:700;letter-spacing:.03em;text-shadow:0 0 8px var(--accent-green)55}.job-at{color:var(--text-dim);font-size:1.1rem;margin:0 .3rem}.job-company{color:var(--accent-cyan);font-size:1.1rem;font-weight:600}.job-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.job-type{color:var(--accent-magenta);font-size:.78rem;font-weight:700;letter-spacing:.1em}.job-period{color:var(--text-dim);font-size:.85rem}.job-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.stack-tag{background:#ffe6000d;border:1px solid var(--border-color);border-radius:3px;color:var(--accent-yellow);font-size:.75rem;font-weight:600;letter-spacing:.07em;padding:.25rem .65rem;transition:all .2s ease}.stack-tag:hover{border-color:var(--accent-yellow);box-shadow:0 0 8px #ffe60033}.job-desc{display:flex;flex-direction:column;gap:.75rem;list-style:none}.job-desc-line{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.95rem;gap:.75rem;line-height:1.65}.desc-bullet{color:var(--accent-green);font-size:.9rem;font-weight:700;min-width:12px;padding-top:2px}@media (max-width:768px){.work-layout{flex-direction:column}.work-sidebar{border-bottom:1px solid var(--border-color);border-right:none;flex-direction:row;min-width:0;min-width:auto;overflow-x:auto}.job-tab{border-bottom:none;border-right:1px solid var(--border-color);min-width:150px}.job-tab.active{border-left:none;border-top:3px solid var(--accent-green)}.work-detail{padding:1.25rem}.job-header{flex-direction:column}.job-meta{align-items:flex-start}}.projects-container{animation:fadeInUp .6s ease forwards;margin:5rem 0}.section-cmd-header-p{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.cmd-prompt-p{color:var(--accent-yellow);font-size:1.1rem;font-weight:700}.cmd-text-p{color:var(--text-secondary);font-size:1rem}.cmd-flag-p{color:var(--accent-cyan)}.section-label-p{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:.03em;margin-bottom:2.5rem;padding-bottom:.75rem;text-shadow:0 0 15px var(--accent-green)66}.projects-terminal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--glow-cyan);overflow:hidden}.projects-bar{align-items:center;background:#001e00cc;border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;padding:.6rem 1rem}[data-theme=light] .projects-bar{background:#b4e6bee6}.terminal-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:12px;width:12px}.dot-red{background:#ff5f57}.dot-yellow{background:#febc2e}.dot-green{background:#28c840}.projects-bar-title{color:var(--text-dim);font-size:.8rem;letter-spacing:.05em;margin-left:.5rem}.projects-body{padding:1.5rem 2rem 2rem}.proj-cmd-line{align-items:center;display:flex;font-size:.95rem;gap:.5rem;margin-bottom:.75rem}.mt-proj{margin-top:1.5rem}.proj-prompt-sym{color:var(--accent-cyan);font-weight:700}.proj-cmd{color:var(--text-secondary)}.proj-output-line{display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 2rem;margin:.5rem 0 .5rem 1rem}.proj-ls-entry{display:flex;gap:.3rem}.proj-flag{color:var(--accent-cyan)}.proj-size{color:var(--text-secondary)}.proj-name{color:var(--accent-green);font-weight:700}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:1.5rem}.proj-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.proj-card:before{border-radius:8px;box-shadow:inset 0 0 20px var(--accent-cyan)33;box-shadow:inset 0 0 20px var(--proj-color,var(--accent-cyan))33;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.proj-card:focus:before,.proj-card:hover:before{opacity:1}.proj-card:focus,.proj-card:hover{border-color:var(--proj-color,var(--accent-cyan));box-shadow:0 0 16px var(--accent-cyan)44,0 8px 30px #0006;box-shadow:0 0 16px var(--proj-color,var(--accent-cyan))44,0 8px 30px #0006;outline:none;transform:translateY(-4px)}.proj-card-top{padding:1.25rem 1.25rem 0}.proj-card-header{align-items:flex-start;display:flex;gap:.8rem;margin-bottom:.9rem}.proj-card-icon{flex-shrink:0;font-size:1.8rem;line-height:1}.proj-card-titles{flex:1 1}.proj-card-name{color:var(--text-primary);color:var(--proj-color,var(--text-primary));font-size:1.05rem;font-weight:700;letter-spacing:.03em;margin-bottom:.15rem}.proj-card-subtitle{color:var(--text-dim);font-size:.75rem;letter-spacing:.03em}.proj-card-preview{border:1px solid var(--border-color);border-radius:6px;height:150px;margin-bottom:.9rem;overflow:hidden;position:relative}.proj-card-img{display:block;filter:saturate(.8) brightness(.85);height:100%;object-fit:cover;transition:filter .3s ease,transform .3s ease;width:100%}.proj-card:hover .proj-card-img{filter:saturate(1) brightness(1);transform:scale(1.03)}.proj-card-img-overlay{background:linear-gradient(180deg,#0000 50%,#0009);inset:0;pointer-events:none;position:absolute}.proj-card-role{color:var(--text-dim);font-size:.78rem;margin-bottom:.8rem}.role-sym{color:var(--accent-yellow);margin-right:.3rem}.proj-card-tech{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.tech-more{align-self:center;border:1px solid var(--border-color);border-radius:3px;color:var(--text-dim);font-size:.68rem;padding:.15rem .4rem}.proj-card-footer{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.9rem 1.25rem 1.1rem}.proj-card-metrics{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.mini-metric{color:var(--text-dim);font-size:.7rem}.mini-metric:before{content:"• "}.mini-metric:before,.proj-card-cta{color:var(--accent-cyan);color:var(--proj-color,var(--accent-cyan))}.proj-card-cta{background:none;border:1px solid var(--proj-color,var(--accent-cyan));border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.72rem;padding:.4rem .75rem;transition:background .2s,color .2s;white-space:nowrap}.proj-card-cta:hover{background:var(--accent-cyan);background:var(--proj-color,var(--accent-cyan));color:var(--bg-primary)}.cta-arrow{display:inline-block;transition:transform .2s}.proj-card-cta:hover .cta-arrow{transform:translateX(3px)}.tech-badge{background:color-mix(in srgb,var(--accent-cyan) 8%,#0000);background:color-mix(in srgb,var(--badge-color,var(--accent-cyan)) 8%,#0000);border:1px solid var(--badge-color,var(--accent-cyan));border-radius:3px;color:var(--accent-cyan);color:var(--badge-color,var(--accent-cyan));font-size:.68rem;font-weight:600;letter-spacing:.03em;padding:.2rem .5rem;white-space:nowrap}.cursor-blink{animation:blink .9s step-start infinite;color:var(--accent-green);font-size:.85rem}.modal-overlay{align-items:center;animation:fadeInModal .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:1000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-panel{animation:slideUpModal .25s ease;background:var(--bg-secondary);border:1px solid var(--proj-color,var(--accent-cyan));border-radius:10px;box-shadow:0 0 40px var(--accent-cyan)33,0 30px 80px #0009;box-shadow:0 0 40px var(--proj-color,var(--accent-cyan))33,0 30px 80px #0009;display:flex;flex-direction:column;max-height:90vh;max-width:820px;overflow:hidden;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;background:#00140080;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.25rem}[data-theme=light] .modal-header{background:#c8f0d299}.modal-header-left{flex:1 1}.modal-bar{align-items:center;display:flex;gap:.5rem;margin-bottom:.8rem}.modal-bar-title{color:var(--text-dim);font-size:.75rem;margin-left:.4rem}.modal-title-row{align-items:center;display:flex;gap:.9rem;margin-bottom:.4rem}.modal-icon{font-size:2.2rem;line-height:1}.modal-title{color:var(--text-primary);color:var(--proj-color,var(--text-primary));font-size:1.5rem;font-weight:700;letter-spacing:.03em}.modal-subtitle{color:var(--text-dim);font-size:.82rem}.modal-role{color:var(--text-secondary);font-size:.8rem;margin-top:.4rem}.role-label{color:var(--accent-yellow);margin-right:.4rem}.modal-close{align-items:center;background:none;border:1px solid var(--border-color);border-radius:4px;color:var(--text-dim);cursor:pointer;display:flex;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:1rem;height:32px;justify-content:center;transition:border-color .2s,color .2s;width:32px}.modal-close:hover{border-color:var(--proj-color,var(--accent-cyan));color:var(--accent-cyan);color:var(--proj-color,var(--accent-cyan))}.modal-body{gap:1.75rem;overflow-y:auto;padding:1.5rem 1.5rem 2rem;scrollbar-color:var(--accent-cyan)44 #0000;scrollbar-color:var(--proj-color,var(--accent-cyan))44 #0000;scrollbar-width:thin}.modal-body,.modal-section{display:flex;flex-direction:column}.modal-section{gap:.8rem}.modal-section-title{color:var(--accent-cyan);color:var(--proj-color,var(--accent-cyan));font-size:.88rem;font-weight:700;letter-spacing:.1em;text-transform:lowercase}.section-hash{color:var(--text-dim);margin-right:.3rem}.modal-desc-text{color:var(--text-secondary);font-size:.88rem;line-height:1.8}.tech-badges-row{display:flex;flex-wrap:wrap;gap:.4rem}.proj-gallery{display:flex;flex-direction:column;gap:.6rem}.gallery-main{background:#000;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;position:relative}.gallery-main-img{display:block;max-height:340px;object-fit:contain;width:100%}.gallery-arrow{align-items:center;background:#0009;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:1.5rem;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,border-color .2s;width:36px}.gallery-arrow:hover{background:var(--accent-cyan)22;background:var(--proj-color,var(--accent-cyan))22;border-color:var(--proj-color,var(--accent-cyan))}.gallery-arrow-left{left:.5rem}.gallery-arrow-right{right:.5rem}.gallery-counter{background:#0009;border-radius:3px;bottom:.5rem;color:var(--text-dim);font-size:.7rem;padding:.15rem .5rem;position:absolute;right:.75rem}.gallery-thumbs{display:flex;flex-wrap:wrap;gap:.5rem}.gallery-thumb{background:none;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:44px;overflow:hidden;padding:0;transition:border-color .2s;width:64px}.gallery-thumb img{display:block;height:100%;object-fit:cover;width:100%}.gallery-thumb.active{border-color:var(--proj-color,var(--accent-cyan))}.gallery-thumb:hover{border-color:var(--proj-color,var(--accent-cyan))99}.arch-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.arch-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.9rem 1rem;transition:border-color .2s}.arch-card:hover{border-color:var(--proj-color,var(--accent-cyan))88}.arch-label{color:var(--accent-cyan);color:var(--proj-color,var(--accent-cyan));font-size:.78rem;font-weight:700;letter-spacing:.03em;margin-bottom:.4rem}.arch-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.65}.metrics-row{display:flex;flex-wrap:wrap;gap:.5rem}.metric-tag{background:color-mix(in srgb,var(--accent-cyan) 6%,#0000);background:color-mix(in srgb,var(--proj-color,var(--accent-cyan)) 6%,#0000);border:1px solid var(--proj-color,var(--accent-cyan))88;border-radius:20px;color:var(--accent-cyan);color:var(--proj-color,var(--accent-cyan));font-size:.75rem;letter-spacing:.03em;padding:.3rem .75rem}.modal-links-row{display:flex;flex-wrap:wrap;gap:.75rem}.proj-link-btn{align-items:center;border:1px solid var(--border-color);border-radius:4px;display:flex;font-family:JetBrains Mono,monospace;font-size:.82rem;gap:.4rem;padding:.5rem 1.2rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s}.proj-link-live{border-color:var(--proj-color,var(--accent-cyan));color:var(--accent-cyan);color:var(--proj-color,var(--accent-cyan))}.proj-link-live:hover{background:var(--accent-cyan);background:var(--proj-color,var(--accent-cyan));color:var(--bg-primary)}.proj-link-repo{border-color:var(--text-dim);color:var(--text-secondary)}.proj-link-repo:hover{border-color:var(--text-primary);color:var(--text-primary)}.proj-link-disabled{border-color:var(--text-muted);color:var(--text-muted);cursor:default;font-size:.8rem}@media (max-width:640px){.projects-body{padding:1rem 1rem 1.5rem}.projects-grid{grid-template-columns:1fr}.modal-panel{max-height:95vh}.modal-header{padding:.9rem 1rem}.modal-body{padding:1.25rem 1rem 1.5rem}.modal-title{font-size:1.2rem}.arch-grid{grid-template-columns:1fr}.gallery-main-img{max-height:220px}}.contact-container{animation:fadeInUp .6s ease forwards;margin:5rem 0}.section-cmd-header-c{align-items:center;display:flex;gap:.5rem;margin-bottom:.4rem}.cmd-prompt-c{color:var(--accent-green);font-size:1.1rem;font-weight:700}.cmd-text-c{color:var(--text-secondary);font-size:1rem}.cmd-flag-c{color:var(--accent-cyan)}.section-label-c{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:.03em;margin-bottom:2.5rem;padding-bottom:.75rem;text-shadow:0 0 15px var(--accent-green)66}.contact-intro-line{align-items:center;color:var(--text-dim);display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem}.contact-arrow{color:var(--accent-magenta)}.contact-content{align-items:flex-start;display:flex;gap:3rem}.iconos-contacto{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1.5rem 0}.boton-link{display:inline-flex;text-decoration:none}.boton{background-color:var(--bg-card);background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;filter:grayscale(.4) brightness(.9);height:64px;padding:.75rem;transition:all .25s ease;width:64px}.boton:hover{border-color:var(--border-hover);box-shadow:var(--glow-green);filter:grayscale(0) brightness(1.1);transform:translateY(-3px)}#boton1{background-image:url(/static/media/linkedinIcon.255e171c1e705846c378.svg)}#boton2{background-image:url(/static/media/instagramIcon.7a7d6424575a1c59f686.svg)}#boton3{background-image:url(/static/media/twiterIcon.671424c6cec59c0682ee.svg)}#boton4{background-image:url(/static/media/facebookIcon.e7ffe252407290d34dcb.svg)}@media (max-width:768px){.contact-content{flex-direction:column;gap:2rem}}.contact-details-card{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;cursor:default;display:flex;gap:1rem;margin-bottom:1rem;padding:.9rem 1.25rem;text-decoration:none;transition:all .25s ease}a.contact-details-card{cursor:pointer}a.contact-details-card:hover{background:var(--bg-card-hover);border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.contact-details-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);box-shadow:var(--glow-green)}.icon{align-items:center;display:flex;flex-shrink:0;height:2.2rem;justify-content:center;width:2.2rem}.icon img{filter:drop-shadow(0 0 4px var(--accent-green)44);height:auto;object-fit:contain;width:100%}.contact-details-card p{color:var(--text-secondary);font-size:.9rem;letter-spacing:.03em;word-break:break-all}.contact-details-card p:before{color:var(--accent-cyan);content:"→ ";font-weight:700}.contact-form-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.contact-form-content form{display:flex;flex-direction:column;gap:0}.contact-form-content form:before{background:#001e0080;border-bottom:1px solid var(--border-color);color:var(--text-dim);content:"// send_message.sh";display:block;font-size:.8rem;letter-spacing:.06em;padding:.6rem 1.25rem}[data-theme=light] .contact-form-content form:before{background:#b4e6be80}.name-container{border-bottom:1px solid var(--border-color);display:flex;gap:0}.name-container input{border:none;border-right:1px solid var(--border-color);flex:1 1}.name-container input:last-child{border-right:none}input,textarea{background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.9rem;outline:none;padding:.85rem 1.25rem;resize:none;transition:all .2s ease;width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted);font-size:.85rem}input:focus,textarea:focus{background:#00ff4108;border-left:2px solid var(--accent-green);box-shadow:inset 0 0 10px #00ff410d;color:var(--text-primary)}textarea{border-bottom:none;min-height:110px}.contact-form-content button,button[type=submit]{align-items:center;background:#0000;border:none;border-top:1px solid var(--border-color);color:var(--accent-green);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;gap:.5rem;letter-spacing:.1em;padding:.9rem 1.25rem;text-align:left;transition:all .2s ease}.contact-form-content button:before,button[type=submit]:before{color:var(--accent-magenta);content:"❯"}.contact-form-content button:hover,button[type=submit]:hover{background:#00ff410d;box-shadow:var(--glow-green);text-shadow:0 0 8px var(--accent-green)}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--nav-bg);border-top:1px solid var(--border-color);margin-top:3rem;padding:1.5rem 2rem}.footer-content{display:flex;flex-direction:column;gap:.5rem;margin:0 auto;max-width:1400px}.footer-prompt{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;gap:1px}.footer-user{color:#00ff41;font-weight:700}.footer-at{color:var(--text-dim)}.footer-host{color:var(--accent-cyan);font-weight:700}.footer-sep{color:var(--text-dim)}.footer-path{color:var(--accent-magenta)}.footer-sym{color:var(--accent-cyan);font-weight:700;margin:0 4px}.footer-cmd{color:var(--text-secondary);font-size:.82rem}.footer-output{align-items:center;color:var(--text-dim);display:flex;font-size:.8rem;gap:.75rem;padding-left:1rem}.footer-copy{color:var(--text-secondary)}.footer-built{color:var(--text-dim)}.footer-license{color:var(--accent-green)}.footer-sep-dot{color:var(--border-color)}
/*# sourceMappingURL=main.908505b6.css.map*/