@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Inter:wght@300;400;500;600&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--color-bg-main:#fff;--color-bg-alt:#f8fafc;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-border:#e2e8f0;--font-heading:"DM Sans", sans-serif;--font-body:"Inter", sans-serif;--radius-md:12px;--radius-lg:24px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 25px -3px #0000000d, 0 4px 6px -4px #00000006;--transition:all .4s cubic-bezier(.4, 0, .2, 1);--space-section:6rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;margin:0 auto;overflow-x:hidden;max-width:100%!important;padding:0!important}body{font-family:var(--font-body);background-color:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.7}.portfolio-design{width:100%;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.bg-alt{background-color:var(--color-bg-alt)}.text-center{text-align:center}.reveal{opacity:0;transition:opacity 1.2s cubic-bezier(.165,.84,.44,1),transform 1.2s cubic-bezier(.165,.84,.44,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.btn-primary,.btn-secondary,button.btn-secondary{font-family:var(--font-heading);transition:var(--transition);cursor:pointer;text-align:center;border-radius:50px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent)}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 8px 16px #2563eb33}.btn-secondary,button.btn-secondary{color:var(--color-text-main);border:2px solid var(--color-border);background-color:#0000}.btn-secondary:hover,button.btn-secondary:hover{border-color:var(--color-text-main);background-color:var(--color-text-main);color:#fff}.btn-primary.large{padding:1rem 2.5rem;font-size:1.125rem}.section-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-main);margin-bottom:3rem;font-size:2.25rem;font-weight:700}.hero{align-items:center;min-height:90vh;padding:10rem 0 6rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;pointer-events:none;width:100%;height:100%;animation:1s ease-in forwards aparecerFondo;position:absolute;top:0;left:0}.garabato-img{opacity:.15;filter:blur(8px)grayscale(30%);border-radius:var(--radius-lg);object-fit:cover;animation:15s ease-in-out infinite alternate flotarGarabato;position:absolute;box-shadow:0 0 40px #0000001a}@keyframes flotarGarabato{0%{margin-top:0;margin-left:0}to{margin-top:-30px;margin-left:20px}}@keyframes aparecerFondo{0%{opacity:0}to{opacity:1}}.hero-center{z-index:2;position:relative}.title-wrapper{margin-bottom:0}@keyframes subtleSlideFade{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.animated-portfolio{font-family:var(--font-heading);letter-spacing:-.04em;text-transform:uppercase;margin-bottom:.3rem;font-size:clamp(3rem,8vw,4.8rem);font-weight:700;line-height:1;animation:1.6s ease-out forwards subtleSlideFade;color:#0f172a!important}.static-name{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:300;color:#0f172a!important}.tagline-block{justify-content:center;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:inline-flex}.accent-line{background-color:var(--color-accent);width:3px;height:40px;display:block}.hero-subtitle{color:var(--color-text-muted);font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.about-section{padding:var(--space-section) 0}.about-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.about-bio{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.125rem}.skill-tags{flex-wrap:wrap;gap:.75rem;display:flex}button.skill-tag{color:var(--color-text-main);border:1px solid var(--color-border);font-size:.9rem;font-weight:500;font-family:var(--font-body);box-shadow:var(--shadow-sm);cursor:pointer;background-color:#fff;border-radius:50px;padding:.6rem 1.2rem;transition:all .3s}button.skill-tag:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-3px);box-shadow:0 6px 15px #2563eb40}.experience-cards{flex-direction:column;gap:1.5rem;display:flex}.experience-card{border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:var(--transition);background-color:#fff;padding:2rem}.experience-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent);transform:translateY(-3px)}.experience-card h3{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1.25rem}.experience-card .years{color:var(--color-accent);margin-bottom:1rem;font-size:.875rem;font-weight:600;display:block}.experience-card p{color:var(--color-text-muted);font-size:.95rem}.work-section{padding:var(--space-section) 0}.work-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2.5rem;display:grid}.work-card{flex-direction:column;display:flex}.work-media{border-radius:var(--radius-md);aspect-ratio:16/9;box-shadow:var(--shadow-lg);transition:var(--transition);background-color:#eaeaea;margin-bottom:1.5rem;overflow:hidden}.work-card:hover .work-media{transform:translateY(-8px);box-shadow:0 20px 40px -5px #0000001a}.work-media img,.work-media iframe{object-fit:cover;border:none;width:100%;height:100%;display:block}.work-content h3{font-family:var(--font-heading);color:var(--color-text-main);margin-top:auto;font-size:1.25rem;font-weight:600}.header-explorador{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.controles-navegacion{background-color:var(--color-bg-main);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);border-radius:50px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;padding:.8rem 1.5rem;display:flex}.btn-volver{background-color:var(--color-bg-alt);color:var(--color-text-main);border:1px solid var(--color-border);cursor:pointer;font-family:var(--font-body);transition:var(--transition);border-radius:50px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;display:inline-flex}.btn-volver:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}.ruta-actual{color:var(--color-text-muted);text-align:center;font-size:1rem}.ruta-actual strong{color:var(--color-text-main);font-weight:600}.card-carpeta{border:2px solid #0000}.card-carpeta:hover{border-color:var(--color-accent)}.icono-carpeta-contenedor{background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.icono-carpeta{opacity:.8;transition:transform .3s;object-fit:contain!important;width:80px!important;height:80px!important}.card-carpeta:hover .icono-carpeta{transform:scale(1.1)}.contact-section{padding:var(--space-section) 0}.contact-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:4rem;display:grid}.contact-main .section-title{margin-bottom:1.5rem}.contact-main p{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:1.25rem}.contact-info-list{border-left:1px solid var(--color-border);flex-direction:column;gap:1.5rem;padding-left:3rem;display:flex}.contact-item{transition:var(--transition);align-items:center;gap:.5rem;font-size:1.125rem;display:flex}a.contact-item:hover{color:var(--color-accent)}.contact-item.education{color:var(--color-text-muted);margin-top:1rem;font-size:.95rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-bg-main);border-radius:var(--radius-md);flex-direction:column;width:100%;max-width:900px;height:85vh;animation:.3s ease-out forwards modalEntrada;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-header{background-color:var(--color-bg-alt);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.modal-header h3{font-family:var(--font-heading);color:var(--color-text-main);margin:0;font-size:1.1rem}.btn-cerrar-modal{color:var(--color-text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;padding:0;font-size:1.2rem;display:flex}.btn-cerrar-modal:hover{color:#ef4444;background-color:#fee2e2}.modal-iframe{background-color:#e5e7eb;border:none;width:100%;height:calc(100% - 60px)}@keyframes modalEntrada{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.skill-modal-content{background-color:var(--color-bg-main);border-radius:var(--radius-lg);width:100%;max-width:450px;box-shadow:var(--shadow-lg);text-align:center;padding:3rem 2.5rem;animation:.3s ease-out forwards modalEntrada;position:relative}.skill-close{position:absolute;top:15px;right:15px}.skill-icon{margin-bottom:1rem;font-size:3.5rem}.skill-modal-body h3{font-family:var(--font-heading);color:var(--color-text-main);margin-bottom:.5rem;font-size:1.8rem}.skill-modal-body p{color:var(--color-text-muted);margin-bottom:2rem;font-size:1rem}.grafica-contenedor{background-color:var(--color-border);border-radius:50px;width:100%;height:28px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.grafica-progreso{background:linear-gradient(90deg, #3b82f6, var(--color-accent));border-radius:50px;justify-content:flex-end;align-items:center;width:0;height:100%;padding-right:15px;animation:1.5s cubic-bezier(.175,.885,.32,1.275) forwards llenarBarra;display:flex}.grafica-porcentaje{color:#fff;opacity:0;font-size:.9rem;font-weight:700;animation:.5s 1s forwards aparecerTexto}@keyframes llenarBarra{to{width:var(--nivel)}}@keyframes aparecerTexto{to{opacity:1}}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background-color:#000000eb;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:#fff;cursor:pointer;z-index:10001;background:0 0;border:none;font-size:2.5rem;transition:transform .2s,color .2s;position:absolute;top:20px;right:30px}.lightbox-close:hover{color:var(--color-accent);transform:scale(1.1)}.lightbox-nav{color:#fff;cursor:pointer;z-index:10001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;padding:1rem;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--color-accent);color:#fff;box-shadow:0 0 15px #2563eb99}.lightbox-nav.prev{left:3vw}.lightbox-nav.next{right:3vw}.lightbox-content{flex-direction:column;align-items:center;max-width:85vw;max-height:85vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards zoomEntrada;display:flex;position:relative}.lightbox-media{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:75vh;box-shadow:0 20px 40px #000c}.lightbox-caption{color:#fff;font-family:var(--font-heading);text-align:center;letter-spacing:.5px;margin-top:1.5rem;font-size:1.25rem;font-weight:500}@keyframes zoomEntrada{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.footer-bar{text-align:center;color:var(--color-text-muted);border-top:1px solid var(--color-border);padding:2rem 0;font-size:.9rem}@media (width<=992px){.about-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-info-list{border-left:none;border-top:1px solid var(--color-border);padding-top:2rem;padding-left:0}}@media (width<=768px){:root{--space-section:4rem}.container{padding:0 1.5rem}.hero{min-height:auto;padding:6rem 0 4rem}.hero-center{gap:2.5rem}.tagline-block{text-align:center;flex-direction:column;gap:1rem}.accent-line{width:60px;height:3px}.hero-actions{flex-direction:column;width:100%;max-width:350px;margin:0 auto}.btn-primary,.btn-secondary,button.btn-secondary{width:100%}.section-title{text-align:center;margin-bottom:2rem;font-size:1.8rem}.modal-overlay{padding:0}.modal-content{border-radius:0;max-width:100vw;height:100vh}.garabato-img{opacity:.08}.lightbox-nav{background:#00000080;width:45px;height:45px;font-size:1.5rem}.lightbox-nav.prev{left:10px}.lightbox-nav.next{right:10px}.lightbox-media{max-height:65vh}.lightbox-close{font-size:2rem;top:15px;right:20px}.lightbox-caption{font-size:1.1rem}}@media (width<=480px){.hero-subtitle{font-size:1.1rem}.about-bio{font-size:1rem}.work-grid{gap:2rem}.contact-main p{font-size:1.1rem}}