@import"https://fonts.googleapis.com/css2?family=Parisienne&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700&display=swap";html,body{overscroll-behavior:none}body{margin:0;font-family:Segoe UI,Arial,sans-serif;transition:background .5s,color .5s}:root{transition:background .5s,color .5s}.section{padding:2rem;box-sizing:border-box;scroll-margin-top:5rem;opacity:0;transform:translateY(40px);will-change:opacity,transform;transition:background .3s,color .3s,opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.section.section-visible,.section-visible.section{opacity:1!important;transform:translateY(0)!important}@media (max-width: 500px){body{padding:10px}.navbar{flex-direction:column;align-items:flex-start;padding:1rem}.navbar ul{flex-direction:column;gap:.5rem}.section{padding:.5rem 1rem}.custom-navbar{max-width:98vw;margin:.5rem auto 0;border-radius:1rem;padding:.5rem}}.lovestory-container{max-width:1200px;margin:0 auto;padding:4rem 1rem 3rem;color:var(--text, #1d1d1f)}.lovestory-header{text-align:center;min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;margin-bottom:3rem}.lovestory-title{margin:0;font-size:14rem;font-family:Parisienne,cursive;font-weight:400;line-height:1;color:var(--text, #1d1d1f)}.lovestory-subtitle{margin:0;margin-top:3rem;max-width:760px;font-size:1.35rem;line-height:1.6;opacity:.8;color:var(--text, #1d1d1f)}.lovestory-section{display:flex;align-items:center;gap:2rem;margin-bottom:5rem;margin-left:2rem;margin-right:2rem;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.lovestory-section.visible{opacity:1;transform:translateY(0)}.lovestory-section.reverse{flex-direction:row-reverse}.lovestory-content{flex:1 1 auto;display:flex;flex-direction:column;gap:.8rem;min-width:0}.lovestory-title-row{display:flex;align-items:center;justify-content:flex-start;gap:1.15rem;padding-left:4.2rem}.lovestory-title-icon{color:#a855f7;font-size:3rem;flex-shrink:0;display:block;line-height:1;transform:translateY(-.16em)}.lovestory-section-title{margin:0;font-size:4rem;text-align:left;line-height:1.15;font-family:Parisienne,cursive;font-weight:400;color:var(--text, #1d1d1f)}.lovestory-text{margin:0;margin-top:3rem;padding-left:4.2rem;font-size:1.2rem;line-height:1.6;opacity:.82;color:var(--text, #1d1d1f)}.lovestory-image-container{flex:0 0 300px;display:flex;justify-content:flex-end;align-items:center}.lovestory-section.reverse .lovestory-image-container{justify-content:flex-start}.lovestory-img{width:100%;max-width:280px;aspect-ratio:9 / 18;object-fit:cover;border-radius:.9rem;display:block;transition:transform .28s ease;will-change:transform}@media (hover: hover) and (pointer: fine){.lovestory-img:hover{transform:scale(1.04)}}@media (max-width: 768px){.lovestory-container{padding:6rem 1.3rem 2rem}.lovestory-header{min-height:auto;align-items:center;text-align:center;margin-bottom:2rem;gap:.9rem}.lovestory-title{width:100%;max-width:100%;font-size:clamp(5rem,18vw,8rem);line-height:.95;text-align:center}.lovestory-subtitle{width:100%;max-width:100%;font-size:1.05rem;text-align:left;margin-top:1.5 rem;margin-bottom:2rem}.lovestory-section,.lovestory-section.reverse{flex-direction:column;align-items:stretch;gap:.9rem;margin-bottom:3.2rem;margin-left:0;margin-right:0;opacity:1;transform:none;transition:none}.lovestory-content{display:contents}.lovestory-title-row{order:1;width:100%;justify-content:flex-start;gap:.8rem;position:static;padding-left:0}.lovestory-section-title{order:1;width:auto;font-size:2rem;text-align:left}.lovestory-title-icon{font-size:1.6rem;position:static}.lovestory-image-container{order:2;width:100%;justify-content:center;align-items:center}.lovestory-img{max-width:280px;margin:1rem auto}.lovestory-text{order:3;width:100%;margin-top:0;margin-left:0;padding-left:0}}.genesis-container{padding:6rem 1rem 4rem;max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text, #1d1d1f);background:transparent}.genesis-header{text-align:center;min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem}.genesis-logo{max-width:80%;height:auto;object-fit:contain;margin-bottom:1rem}.genesis-title{font-size:3rem;font-weight:700;line-height:1.1;margin:0;letter-spacing:-.02em}.genesis-subtitle{font-size:1.5rem;font-weight:400;color:var(--text);opacity:.8;margin:0;max-width:80%;text-align:justify}.genesis-section{display:flex;align-items:center;gap:0rem;margin-bottom:6rem;opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.genesis-section.visible{opacity:1;transform:translateY(0)}.genesis-section.reverse{flex-direction:row-reverse}.genesis-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.genesis-section-title{font-size:2rem;font-weight:600;margin:0;line-height:1.1;font-family:Orbitron,Segoe UI,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:pre-wrap}.genesis-title-row{display:flex;align-items:center;gap:.85rem}.genesis-title-icon{color:#a855f7;font-size:2rem;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(168,85,247,.35))}.genesis-text{font-size:1.25rem;line-height:1.5;color:var(--text);opacity:.8;margin-left:2.85rem}.genesis-image-container{flex:1.5;overflow:hidden;display:flex;justify-content:center;align-items:center}.genesis-screenshot{width:100%;height:auto;display:block;transition:transform .3s ease}.genesis-screenshot:hover{transform:scale(1.02)}.genesis-video-block{margin:2rem 0 4rem}.genesis-video-title{font-size:2rem;font-weight:700;margin:0 0 3rem;font-family:Orbitron,Segoe UI,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-align:center}.genesis-video-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 18px 45px #0003;border:1px solid rgba(128,128,128,.2)}.genesis-video-wrapper:before{content:"";display:block;padding-top:56.25%}.genesis-video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.genesis-footer{margin-top:8rem;margin-bottom:4rem;display:flex;justify-content:center}.genesis-cta{background:var(--bg-card);border-radius:20px;padding:4rem 3rem;color:var(--text);width:100%;max-width:100%;box-shadow:0 20px 60px #00000026;border:1px solid rgba(128,128,128,.1);position:relative;overflow:hidden;transition:background .5s ease;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.genesis-cta-columns{display:flex;width:100%;gap:4rem;align-items:center;justify-content:center;text-align:left}.genesis-cta-text-col{flex:1;display:flex;justify-content:center}.genesis-cta.dark{background:radial-gradient(circle at top,#2e1065,#0f0518);color:#fff;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}.genesis-cta.light{background:radial-gradient(circle at top,#efe5fd,#fff);color:#1d1d1f;box-shadow:0 10px 40px #00000014;border:1px solid rgba(147,51,234,.15)}.genesis-cta:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at 10% 50%,rgba(168,85,247,.15),transparent 70%);pointer-events:none}.genesis-cta-content{flex:1}.genesis-cta-title{font-size:2.5rem;font-weight:800;margin:0;line-height:1.2;color:inherit;width:100%;font-family:Orbitron,Segoe UI,sans-serif;letter-spacing:.04em;text-transform:uppercase}.genesis-cta-text{font-size:1.25rem;color:inherit;opacity:.8;margin-bottom:1rem;max-width:480px;line-height:1.6;text-align:justify}.genesis-cta.light .genesis-cta-text{color:#000}.genesis-cta-buttons{flex:1;display:flex;flex-direction:column;gap:1rem;max-width:400px;justify-content:center;margin-top:1rem;margin-right:3rem}.genesis-cta-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border-radius:999px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem;min-width:200px}.genesis-cta-btn svg{width:20px;height:20px}.genesis-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.genesis-cta.dark .genesis-cta-btn.frontend{background:#f1f5f9;color:#0f172a}.genesis-cta.dark .genesis-cta-btn.frontend:hover{background:#fff}.genesis-cta.dark .genesis-cta-btn.backend{background:#8b5cf6;color:#fff}.genesis-cta.dark .genesis-cta-btn.backend:hover{background:#7c3aed}.genesis-cta.light .genesis-cta-btn.frontend{background:#e8e8ed;color:#1d1d1f}.genesis-cta.light .genesis-cta-btn.frontend:hover{background:#d2d2d7}.genesis-cta.light .genesis-cta-btn.backend{background:#8b5cf6;color:#fff}.genesis-cta.light .genesis-cta-btn.backend:hover{background:#7c3aed}@media (max-width: 768px){.genesis-header{min-height:auto;padding-top:0;padding-bottom:2rem;margin-bottom:2rem}.genesis-container{padding:6rem 1.5rem 2rem}.genesis-logo{width:100%;max-width:100%;margin-bottom:2rem;padding:0}.genesis-subtitle{text-align:left;max-width:100%;margin:0;font-size:1.25rem;line-height:1.5;color:var(--text);opacity:.8}.genesis-section{opacity:1!important;transform:none!important;transition:none!important}.genesis-cta{flex-direction:column;text-align:center;padding:3rem 1.5rem;gap:3rem}.genesis-cta-columns{flex-direction:column;gap:3rem;text-align:center}.genesis-cta-title{font-size:1.3rem;margin-left:0;margin-right:0}.genesis-cta-text{max-width:100%;margin:0}.genesis-cta-buttons{width:100%;max-width:100%;align-items:center;margin-right:0}.genesis-footer{margin-top:0;margin-bottom:0}.genesis-video-block{margin:1rem 0 2rem}.genesis-video-title{font-size:1.5rem;margin-bottom:2rem;text-align:left}.genesis-title{font-size:2.5rem}.genesis-subtitle{font-size:1.2rem}.genesis-section{flex-direction:column!important;gap:2rem;margin-bottom:4rem;text-align:left;display:flex;align-items:flex-start}.genesis-content{display:contents}.genesis-section.reverse{flex-direction:column!important}.genesis-section-title{font-size:1.7rem;order:1;margin-bottom:0;width:100%}.genesis-title-row{width:100%;margin-bottom:1rem}.genesis-title-icon{font-size:1.45rem}.genesis-image-container{width:100%;order:2}.genesis-text{order:3;width:100%;margin-left:0}}.custom-navbar{position:fixed;top:0;left:50%;right:auto;transform:translate(-50%);z-index:100;display:block;padding:.5rem 2rem;box-shadow:var(--navbar-shadow, 0 2px 16px rgba(0, 0, 0, .307));border-radius:1.5rem;margin:1rem auto 0;width:fit-content;max-width:none;background:var(--navbar-bg, #fffccc);color:var(--navbar-text, #222);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(142,141,141,.35)}.custom-navbar ul{display:flex;flex-direction:row;gap:1.5rem;list-style:none;margin:0;padding:0;justify-content:flex-start;align-items:center}.custom-navbar li{cursor:pointer;font-weight:500;transition:color .2s;color:inherit;display:flex;align-items:center;white-space:nowrap}.custom-navbar li.active{color:var(--primary)}.theme-btn{background:none;border:none;cursor:pointer;margin-top:.1rem}@media (max-width: 500px){.custom-navbar{box-sizing:border-box;width:calc(100vw - 1rem);max-width:calc(100vw - 1rem);margin-left:.5rem;margin-right:.5rem;left:0;right:0;transform:none;border-radius:1.5rem}.custom-navbar ul{flex-direction:row;justify-content:space-between;gap:.8rem}.custom-navbar li{font-size:.9rem}.theme-btn img{width:1.2rem;height:1.2rem}}.inicio-container{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;width:100%;max-width:840px;margin:0 auto;margin-top:13rem}.inicio-row{display:flex;flex-direction:row;align-items:center;gap:2rem;width:100%}.inicio-foto{width:120px;height:120px;object-fit:cover;border-radius:50%;box-shadow:var(--foto-shadow, 0 4px 16px 0 rgba(0,0,0,.15))}.inicio-info{display:flex;flex-direction:column;gap:1.2rem;flex:1}.inicio-row-top{display:flex;align-items:center;gap:1rem}.disponible-btn{padding:.6rem 1.5rem;border:1.5px solid var(--primary, #00e0ff);border-radius:1.5rem;background:transparent;color:var(--text, #111);font-weight:700;font-size:1rem;cursor:pointer;position:relative;overflow:visible;z-index:1;box-shadow:0 2px 12px #00000012;transition:color .3s}.disponible-btn:before{content:"";position:absolute;inset:0;border-radius:1.5rem;padding:1px;z-index:-1;background:none;animation:none}.disponible-btn:after{content:"";position:absolute;inset:-2px;border-radius:1.7rem;z-index:-2;pointer-events:none;background:none;box-shadow:0 0 8px 2px var(--primary, #00e0ff);opacity:.8;filter:blur(1px);animation:shadow-pulse 4s ease-in-out infinite}@keyframes shadow-pulse{0%{box-shadow:0 0 8px 2px var(--primary, #00e0ff);opacity:.8}50%{box-shadow:0 0 12px 3px var(--primary, #00e0ff);opacity:1}to{box-shadow:0 0 8px 2px var(--primary, #00e0ff);opacity:.8}}.inicio-titulo{font-size:2.5rem;font-weight:800;margin:0;color:inherit}.inicio-descripcion{font-size:1.5rem;color:var(--text, #333);margin:0;line-height:2.2rem}.primary-bold{font-weight:700;color:var(--primary, #00e0ff)}.inicio-row-mobile{display:none}.inicio-row-desktop{display:flex}@media (max-width: 500px){.inicio-container{margin-top:6rem}.inicio-row-desktop{display:none!important}.inicio-row-mobile{display:flex!important;flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%}.inicio-row{flex-direction:column;align-items:flex-start;gap:1.2rem}.inicio-foto-btn-row{display:flex;flex-direction:row;align-items:center;gap:1.5rem;width:100%}.inicio-foto{width:90px;height:90px;border-radius:50%;box-shadow:var(--foto-shadow, 0 4px 16px 0 rgba(0,0,0,.15))}.inicio-titulo{font-size:2rem}.inicio-descripcion{font-size:1.2rem;line-height:1.8rem}}.proyecto-card{display:flex;flex-direction:row;background:var(--card-background, #fff);border-radius:1.5rem;box-shadow:var(--card-shadow, 0 2px 16px 0 rgba(0,0,0,.08));overflow:hidden;margin-bottom:2rem;transition:box-shadow .2s;align-items:stretch}.proyecto-img-link{display:block;flex:1 1 50%;min-width:0}.proyecto-img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0 0 0 1.5rem;display:block}.proyecto-content{flex:1 1 50%;display:flex;flex-direction:column;justify-content:space-evenly;padding:.5rem 1.5rem;gap:1rem;min-height:270px}.proyecto-titulo-link{text-decoration:none;color:var(--text, #222)}.proyecto-titulo{font-size:1.7rem;font-weight:700;margin:.5rem 0 0;color:inherit;text-align:center}.proyecto-tags{display:block;text-align:center}.proyecto-tag{display:inline-flex;align-items:center;padding:.35rem 1rem;margin-right:.5rem;margin-bottom:.5rem;border-radius:1.2rem;background:transparent;color:var(--text, #222);font-size:.95rem;font-weight:600;border:1px solid var(--primary, #00e0ff);box-shadow:0 2px 8px #00000012;-webkit-user-select:none;user-select:none;pointer-events:none}.proyecto-tag-icon{display:flex;align-items:center;margin-right:.3em}.proyecto-desc-link{text-decoration:none;color:inherit}.proyecto-descripcion{margin:0;font-size:1.1rem;color:var(--text, #222);line-height:1.6;text-align:justify}.proyectos-container{width:100%;max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:0}@media (max-width: 700px){.proyecto-card{flex-direction:column;border-radius:1.2rem}.proyecto-content{min-height:auto}.proyecto-img-link{flex:none;width:100%}.proyecto-img{border-radius:1.2rem 1.2rem 0 0;width:100%;aspect-ratio:16/9;height:auto}.proyecto-content{padding:1.2rem 1rem;gap:.7rem}.proyecto-titulo{font-size:1.7rem;margin-bottom:.7rem}.proyecto-tag{font-size:.9rem;padding:.3rem .8rem}.proyecto-descripcion{font-size:1rem}}@media (max-width: 500px){.proyectos-container{max-width:100%;padding:0}}.experiencia-container{width:100%;max-width:840px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem}.experiencia-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem;margin-top:2rem}.experiencia-icon{width:32px;height:32px}.experiencia-titulo{font-size:2rem;font-weight:800;margin:0}.experiencia-list{width:100%;display:grid;grid-template-columns:48px 1fr;gap:0 2.5rem;align-items:stretch;position:relative}.experiencia-timeline{grid-row:1 / span 2;grid-column:1;position:relative;width:48px;min-width:48px;display:flex;flex-direction:column;align-items:center}.experiencia-line{position:absolute;left:50%;width:4px;background:var(--primary, #00e0ff);border-radius:2px;transform:translate(-50%);z-index:0}.experiencia-dot{position:absolute;left:50%;width:16px;height:16px;background:var(--primary, #00e0ff);border-radius:50%;border:3px solid var(--text, #fff);box-shadow:0 2px 8px #00000014;z-index:1;transform:translate(-50%,-50%)}.experiencia-items{grid-column:2;display:flex;flex-direction:column;gap:3.5rem;width:100%}.experiencia-info{display:flex;flex-direction:column;justify-content:flex-start}.experiencia-item-height{min-height:90px;display:flex;align-items:flex-start;margin-bottom:0}.experiencia-info-main{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;width:100%;align-items:center}.experiencia-puesto{font-size:1.2rem;font-weight:700;color:var(--primary, #00e0ff)}.experiencia-empresa{font-size:1.1rem;color:var(--text, #222);font-weight:600;margin-top:.2rem}.experiencia-fecha{font-size:.95rem;color:var(--text, #888);margin-top:.2rem}.experiencia-descripcion{font-size:1.1rem;color:var(--text, #222);line-height:1.6;margin-left:0;margin-top:.1rem;flex:1}@media (max-width: 500px){.experiencia-container{max-width:100%;padding:0}.experiencia-header{margin-top:1.2rem;margin-bottom:0rem}.experiencia-list{grid-template-columns:24px 1fr;gap:0 .7rem}.experiencia-timeline{width:24px;min-width:24px}.experiencia-dot{width:10px;height:10px}.experiencia-item-height{min-height:56px;margin-bottom:.7rem}.experiencia-info-main{display:flex;flex-direction:column;gap:.5rem;align-items:stretch}.experiencia-descripcion{margin-left:0;margin-top:.1rem;font-size:1.2rem}.experiencia-items{gap:.5rem}.experiencia-puesto{font-size:1.4rem}}.sobre-mi-content{display:flex;gap:2.5rem;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto;flex-wrap:wrap}.sobre-mi-text{flex:1 1 350px;font-size:1.1rem;line-height:1.7;font-weight:500;color:var(--text)}.sobre-mi-foto{flex:0 0 220px;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.sobre-mi-foto:before{display:none}.sobre-mi-foto img{width:210px;height:210px;object-fit:cover;border-radius:1.2rem;box-shadow:0 -1px 24px 0 var(--foto-sombra-sobre-mi, #06b9a7ff),0 0 16px #0000000f;border:none;position:relative;z-index:1;transition:none;transform:rotate(-2.5deg) scale(1.03)}.primary-text{color:var(--primary);font-weight:700}@media (max-width: 500px){.sobre-mi-content{flex-direction:column;gap:1.5rem;align-items:stretch}.sobre-mi-foto{order:-1;width:100%;display:flex;justify-content:center}.sobre-mi-foto:before{display:none}.sobre-mi-foto img{width:200px;max-width:2000px;height:200px;border-radius:1.2rem;transform:rotate(-2.5deg) scale(1.03);box-shadow:0 -1px 24px 0 var(--foto-sombra-sobre-mi, #06b9a7ff),0 0 8px #0000000f}.sobre-mi-text{font-size:1.2rem;text-align:left}}.contacto-botones-container{width:100%;max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.contacto-row{display:flex;flex-direction:row;gap:2rem;width:100%;margin-bottom:1.2rem}.contacto-btn{flex:1;display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;border:1.5px solid var(--primary, #00e0ff);border-radius:3rem;background:transparent;color:var(--text, #111);font-weight:700;font-size:1.1rem;cursor:pointer;text-decoration:none;box-shadow:none;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),background .2s,color .2s,border .2s}.contacto-btn:hover{background:transparent;color:var(--text, #111);border-color:var(--primary, #00e0ff);transform:scale(1.06);box-shadow:0 0 16px 2px var(--primary, #00e0ff33)}.contacto-btn:focus,.contacto-btn:active{background:transparent;color:var(--text, #111);border-color:var(--primary, #00e0ff);transform:none;box-shadow:none;outline:none}.contacto-btn:focus:hover,.contacto-btn:active:hover{transform:scale(1.06);box-shadow:0 0 16px 2px var(--primary, #00e0ff33)}.contacto-icon{width:24px;height:24px;object-fit:contain;margin-right:.5rem;filter:none}@media (max-width: 500px){.contacto-botones-container{gap:1rem;align-items:center}.contacto-row{flex-direction:column;width:70%;align-items:center}.contacto-btn{width:100%;justify-content:flex-start;font-size:1rem;padding:.9rem 1.1rem}}