*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #12131a;--bg-card: #1b1c25;--border: rgba(255, 255, 255, .1);--blue: #3b82f6;--yellow: #eab308;--text: #e5e7eb;--muted: #9ca3af;--muted-bg: rgba(255, 255, 255, .06);--font: "Inter", sans-serif;--font-display: "Syne", sans-serif;--font-mono: "IBM Plex Mono", monospace}html{scroll-behavior:smooth;scroll-padding-top:50px}body{zoom:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.7;overflow-x:hidden;min-height:100vh;position:relative}@media (min-width: 1024px){body{overflow-x:auto;min-width:1024px}}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 50% 40% at 50% 0%,rgba(100,110,160,.12),transparent),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(18,19,26,1),transparent),var(--bg)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.main-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12131acc}.header-inner{max-width:66rem;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo-svg svg{display:block}.main-nav{display:flex;flex-wrap:wrap;gap:1.5rem}.main-nav a{color:#fff;font-size:1.05rem;font-weight:500;transition:color .2s}.main-nav a:hover{color:var(--blue)}.header-top{max-width:66rem;margin:0 auto;padding:.75rem 1.5rem 0;display:flex;justify-content:flex-end}.lang-switcher{display:flex;gap:.5rem}.lang-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:.2rem .6rem;border-radius:4px;cursor:pointer;font-family:var(--font-mono);font-size:.85rem;transition:all .2s}.lang-btn:hover{background:#ffffff1a}.lang-btn.active{background:var(--bg-card);color:var(--yellow);border-color:var(--yellow)}#hero{max-width:66rem;margin:0 auto;padding:2rem 1.5rem 0;text-align:left}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,3.8vw,2.7rem);font-weight:800;line-height:1.1;color:#fff}.text-blue{color:#3b82f6e6}.text-yellow{color:#eab308e6}.hero-badge-wrap{margin:.75rem 0;text-align:left}.hero-badge{display:inline-block;background:#1e3a8a80;color:#93c5fd;font-size:.85rem;font-weight:500;padding:.15rem .65rem;border-radius:3px}.hero-subtitle{font-size:1.05rem;line-height:1.7;max-width:980px;margin:10px;font-weight:400;text-align:left}.hero-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2.5rem 0;padding:0}.social-pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.55rem 1.2rem;font-size:.85rem;color:#ffffffe6;transition:background .2s}.social-pill:hover{background:#ffffff1a}.btn-download-cv{border-color:#ffffffe6}.icon-sm{width:24px;height:24px;flex-shrink:0}.hero-avatar{position:relative;max-width:460px;margin:0 auto -5rem;z-index:1;view-timeline-name:--image;view-timeline-axis:block;animation-timeline:--image;animation-name:show;animation-range:entry 25% cover 50%;animation-fill-mode:both}.hero-avatar:after{content:"";position:absolute;bottom:0;left:-10%;right:-10%;height:180px;background:linear-gradient(transparent,var(--bg));z-index:2;pointer-events:none}.hero-avatar img{width:100%;max-width:100%;margin:0 auto;animation:floating 3s ease-in-out infinite;-webkit-mask-image:radial-gradient(ellipse 85% 50% at 50% 50%,black 25%,transparent 80%);mask-image:radial-gradient(ellipse 55% 110% at 48% 57%,black 25%,transparent 68%)}#img1{position:relative;z-index:1}#img2{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;filter:blur(10px);pointer-events:none}@keyframes floating{0%{transform:translateY(-20px)}50%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes show{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.section-heading{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;text-align:center;color:#fff;margin-bottom:2.5rem}.section-experiencia{max-width:66rem;margin:auto;padding:5rem 1.5rem 6rem}.section-experiencia .section-heading{text-align:center}.timeline{position:relative;list-style:none;margin:0;border-left:2px solid rgba(255,255,255,.15);padding-left:1.5rem}.timeline-item{margin-bottom:2.5rem;position:relative}.timeline-dot{position:absolute;left:-1.85rem;top:.4rem;width:12px;height:12px;background:#4b5563;border:2px solid var(--bg);border-radius:50%}.timeline-date{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.2rem}.timeline-title{font-size:1.15rem;font-weight:700;color:#fff}.timeline-place{font-size:.85rem;color:#6b7280;margin-bottom:.5rem}.timeline-desc{font-size:.95rem;color:#9ca3af;line-height:1.7;margin-bottom:.8rem}.timeline-tags{display:flex;flex-wrap:wrap;gap:.4rem}.timeline-tags span{font-size:.75rem;font-family:var(--font-mono);padding:.3rem .75rem;border-radius:999px;background:var(--muted-bg);color:var(--muted);transition:background .2s}.timeline-tags span:hover{background:#ffffff26}.section-tech{padding:5rem 1.5rem;text-align:center}.tech-desc{max-width:36rem;margin:0 auto 2rem;font-size:1.1rem;line-height:1.7}.carousel-wrapper{overflow:hidden;width:100%;max-width:66rem;margin:0 auto;padding:1.5rem 0}.carousel-track{display:flex;gap:1.5rem;animation:scroll-carousel 25s linear infinite;width:max-content}.carousel-icon{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:12px}@keyframes scroll-carousel{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-proyectos{padding:5rem 1.5rem}.section-proyectos .section-heading{margin-bottom:1.5rem}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:66rem;margin:0 auto}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s}.project-card:hover{border-color:#3b82f680;box-shadow:0 8px 30px #0000004d;transform:translateY(-4px)}.project-img-wrap{aspect-ratio:16/9;overflow:hidden}.project-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-img-wrap--contain{background:#0f1117}.project-img-wrap--contain img{object-fit:contain;object-position:top center}.project-card:hover .project-img-wrap img{transform:scale(1.05)}.project-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-body h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;transition:color .3s}.project-card:hover .project-body h3{color:var(--blue)}.project-body p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:1rem;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.project-tags span{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:var(--muted-bg);border:1px solid var(--border);color:var(--muted)}.project-actions{display:flex;gap:.75rem}.btn-code,.btn-live{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-code{background:transparent;border:1px solid white;color:var(--text)}.btn-code:hover{background:#ffffff14;color:#fff}.btn-live{background:var(--blue);color:#fff;border:none}.btn-live:hover{opacity:.9}.section-contact{padding:5rem 1.5rem;max-width:56rem;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.contact-desc{font-size:1.05rem;color:var(--text);line-height:1.7;margin-bottom:1.5rem}.contact-links-list{display:flex;flex-direction:column;gap:1rem}.contact-link-item{display:flex;align-items:center;gap:.75rem;color:var(white);transition:color .2s}.contact-link-item:hover{color:#fff}.contact-icon-box{padding:.5rem;border-radius:8px;background:var(--muted-bg);color:var(--text);display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.contact-link-item:hover .contact-icon-box{background:var(--blue);color:#fff}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-form input,.contact-form textarea{width:100%;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);padding:.75rem 1rem;font-family:var(--font);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f640}.contact-form button{width:100%;padding:.8rem 1.5rem;border:none;border-radius:8px;background:var(--blue);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.contact-form button:hover{background:#2563eb}.main-footer{padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem;font-size:.85rem;color:#6b7280}.main-footer a{color:#6b7280;transition:color .2s}.main-footer a:hover{color:#fff}.footer-socials{display:flex;gap:1rem}.footer-socials .icon-sm{width:22px;height:22px}.fade-cascade{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-cascade.visible,#hero .fade-cascade,.main-header .fade-cascade{opacity:1;transform:none}@media (max-width: 768px){html{scroll-padding-top:150px}.contact-grid{grid-template-columns:1fr}.header-inner{flex-direction:column;gap:.75rem}.main-nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.5rem;text-align:center}.hero-avatar{max-width:280px}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-socials{flex-direction:column;align-items:center}.proyectos-grid{grid-template-columns:1fr}}.social-pill-whatsapp:hover{background:#25d3661f;border-color:#25d36680;color:#25d366}.contact-link-whatsapp:hover .contact-icon-box{background:#25d366;color:#fff}.header-line{max-width:66rem;margin:0 auto;padding:0 rem;border-top:2px solid white;box-sizing:content-box}