*{margin:0;padding:0;box-sizing:border-box}body{color:var(--text-primary);font-family:Inter,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;background:#0b0c10}.bg-wrapper{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;background:#0b0c10}.blob-blue{position:absolute;width:600px;height:600px;background:#40404366;right:-100px;border-radius:50%;filter:blur(120px)}.blob-purple{position:absolute;width:500px;height:500px;background:#2bbde259;right:10%;top:40%;border-radius:50%;filter:blur(100px)}.blob-dark-blue{position:absolute;width:400px;height:400px;background:#002fff40;right:0;bottom:-50px;border-radius:50%;filter:blur(80px)}.noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url(https://grainy-gradients.vercel.app/noise.svg)}:root{--bg-dark: #0b0c10;--bg-card: rgba(20, 22, 30, .8);--bg-glass: rgba(255, 255, 255, .05);--accent-blue: #4dabf7;--accent-purple: #da77f2;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: rgba(255, 255, 255, .1)}section{scroll-margin-top:70px}.sidebar{position:sticky;top:40px;height:fit-content;padding:30px;border-radius:24px;border:1px solid var(--border-color)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.profile-header{display:flex;flex-direction:column;align-items:flex-start;align-items:center;justify-items:center;text-align:center}.profile-img{width:150px;height:150px;border-radius:50%;border:2px solid var(--accent-blue);overflow:hidden;margin-bottom:15px;background:#1a1c25}.profile-img img{width:100%;height:100%;object-fit:cover}.profile-header h1{font-size:2rem;line-height:1.2;color:var(--accent-blue)}.profile-header h2{font-size:1.1rem;font-weight:400;margin-bottom:15px;color:var(--text-primary)}.info-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);margin-bottom:5px}.info-item .icon{font-size:1.1rem;color:var(--text-secondary)}.social-icons{display:flex;gap:10px;margin-top:20px}.social-icon{width:30px;height:30px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#fff3;color:var(--accent-blue);transform:translateY(-3px)}.about-section{margin-top:10px}.about-section h3{font-size:1.05rem;margin-bottom:10px}.quote-box{position:relative;padding:15px 2.5px;color:var(--text-secondary);font-style:italic;font-size:.95rem}.quote-box p{margin-bottom:6px}.quote-mark{position:absolute;font-size:2rem;color:var(--accent-blue);opacity:.5;line-height:0}.quote-mark:first-child{top:0;left:-6px}.quote-mark.right{bottom:0;right:0}@media(max-width:900px){.sidebar{position:relative;top:0;margin-bottom:30px}}@media(max-width:500px){.sidebar{padding:20px}.profile-header h1{font-size:1.6rem}.profile-header h2{font-size:1rem}}.floating-nav-container{position:sticky;top:20px;z-index:10;display:inline-block;margin-bottom:40px;padding:10px 20px;border-radius:14px;background:#14161ee6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.top-nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.9rem}.top-nav a{text-decoration:none;color:var(--text-secondary);transition:color .25s ease;white-space:nowrap;padding:0 5px}.top-nav a.active,.top-nav a:hover{color:var(--accent-blue);background-color:#333333b4;border:2px solid var( --accent-blue);border-radius:5px}@media(max-width:768px){.floating-nav-container{width:100%}.top-nav{justify-content:space-between}.lang-switch{margin-left:0}}@media(max-width:480px){.top-nav{gap:10px;font-size:.85rem}}.tech-pills-container{display:flex;gap:15px;flex-wrap:wrap}.tech-pill{padding:8px 24px;border-radius:20px;font-size:.9rem;background:#ffffff0d;border:1px solid var(--border-color);transition:all .3s ease;white-space:nowrap}.tech-pill:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000040}.tech-pill.blue{border-color:var(--accent-blue);color:var(--accent-blue)}.tech-pill.green{border-color:#69db7c;color:#69db7c}.tech-pill.purple{border-color:var(--accent-purple);color:var(--accent-purple)}.tech-pill.dark{border-color:var(--text-secondary);color:var(--text-secondary)}@media(max-width:480px){.tech-pill{font-size:.85rem;padding:6px 18px}}.section-title{font-size:1.5rem;margin-bottom:1.5rem;color:var(--accent-blue)}.timeline{padding-left:12px;border-left:2px solid rgba(255,255,255,.1)}.timeline-item{position:relative;padding-left:30px;margin-bottom:30px;transition:transform .3s ease}.timeline-item:hover{transform:translate(5px)}.timeline-dot{position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--bg-dark);border:2px solid var(--accent-blue);transition:transform .3s ease,box-shadow .3s ease}.timeline-dot.blue{border-color:var(--accent-blue)}.timeline-dot.purple{border-color:var(--accent-purple)}.timeline-item:hover .timeline-dot{transform:scale(1.2);box-shadow:0 0 10px #4dabf780}.timeline-item:hover .timeline-dot.purple{box-shadow:0 0 10px #da77f280}.timeline-content h4{font-size:1rem;margin-bottom:6px}.timeline-content p,.subtitulo_exp,li{font-size:.9rem;color:var(--text-secondary);line-height:1.5}@media(max-width:480px){.timeline{padding-left:8px}.timeline-item{padding-left:24px}.timeline-content h4{font-size:.95rem}.timeline-content p{font-size:.85rem}}.project-wireframe-card{background:#161823d9;border:1px solid rgba(77,171,247,.3);border-radius:18px;padding:22px;display:flex;gap:20px;align-items:center;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.project-wireframe-card:hover{transform:translateY(-6px);border-color:var(--accent-blue);box-shadow:0 12px 28px #00000040}.wf-text-group{flex:1;width:420px}.project-title{font-size:1.35rem;margin-top:.6rem;margin-bottom:.6rem;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;color:transparent}.project-description{font-size:.95rem;line-height:1.45;color:var(--text-secondary)}.project-wireframe-card:hover .wf-btn-circle{background:#4dabf733;transform:scale(1.1)}.project-wireframe-card:hover .wf-btn-pill{background:#da77f233;transform:scale(1.05)}.wf-tech{margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tech-pill-CARD{padding:6px 15px;border-radius:999px;font-size:.75rem;background:#9a9e9e28;border:1px solid var(--border-color);color:var(--text-secondary);transition:transform .25s ease,background .25s ease;white-space:nowrap;text-align:center}.tech-pill:hover{transform:translateY(-2px);background:#ffffff1f}.wf-buttons{display:flex;gap:14px;margin-top:18px}.wf-btn-circle{text-decoration:none;width:42px;height:42px;border-radius:50%;border:2px solid var(--accent-blue);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);transition:transform .25s ease,background .25s ease}.wf-btn-pill{text-decoration:none;height:42px;padding:0 18px;border-radius:999px;border:2px solid var(--accent-purple);display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--accent-purple);transition:transform .25s ease,background .25s ease}.wf-btn-circle:hover,.wf-btn-pill:hover{transform:scale(1.07);background:#ffffff14}.wf-image-box{width:385px;height:250px;border-radius:14px;background:#ffffff0d;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text-secondary);transition:background .3s ease,border-color .3s ease;margin:0 auto}.img-proyecto{width:100%;height:100%;border-radius:14px}.project-wireframe-card:hover .wf-image-box{background:#ffffff1a;border-color:var(--accent-purple)}@media(min-width:768px){.project-full{grid-column:1 / -1}}@media(max-width:640px){.project-wireframe-card{flex-direction:column-reverse;align-items:flex-start}.wf-text-group{width:auto}.wf-image-box{width:100%;height:240px;font-size:1.4rem}}.view-projects .section-title{margin-bottom:1.5rem}.projects-grid{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.extra-card-square{aspect-ratio:1 / 1;background:#ffffff08;border:1px solid var(--border-color);border-radius:20px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.extra-card-square:hover{transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 10px 20px #00000040}.card-front,.card-back{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}.card-back{opacity:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;background:#28283c81}.extra-card-square:hover .card-front{opacity:0}.extra-card-square:hover .card-back{opacity:1}.card-img-container{height:70%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff0d}.card-img-container img{max-width:100%;max-height:100%;margin-top:20px;border-radius:10px}.card-title{height:30%;background:#ffffff1a;display:flex;text-align:center;align-items:center;justify-content:center;font-weight:500;color:var(--accent-purple)}.card-description{color:var(--text-primary);font-size:.9rem;white-space:pre-line}.grid-3-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.grid-3-cols{grid-template-columns:1fr}}@media(max-width:600px){.extra-card-square{width:100%}}.main-footer{margin-top:80px;padding-top:30px;border-top:1px solid var(--border-color);color:var(--text-secondary);text-align:center}.footer-icons{display:flex;justify-content:center;gap:15px;margin:15px 0}.footer-icon{font-size:1.2rem;color:var(--text-secondary);transition:all .3s ease;cursor:pointer}.footer-icon:hover{color:var(--accent-blue);transform:translateY(-3px)}.marca{font-size:.9rem;margin-top:5px}.programador{font-size:.8rem;color:var(--text-primary);margin-top:2px}.footer-info{display:flex;justify-content:center}.footer-info-a{display:flex;gap:10px}.main-layout{display:grid;grid-template-columns:320px 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:1}.content-area section{margin-bottom:60px}@media(max-width:900px){.main-layout{display:block}}.Page-NotFound{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:44px}