:root{--color-bg:#fff;--color-bg-2:#f5f5f5;--color-bg-card:#fff;--color-bg-card-hover:#f0f8fb;--color-surface:#d5e5ee;--color-cream:#1a1a1a;--color-cream-dim:#222222b3;--color-cream-muted:#22222273;--color-border:#dbdddf;--color-border-hover:#51b4be80;--color-primary:#51b4be;--color-primary-dim:#51b4be26;--color-teal:#51b4be;--color-secondary:#06325e;--color-secondary-dim:#06325e26;--color-ink:#0f2728;--color-ink-light:#06325e;--color-gold:#51b4be;--color-gold-light:#40888d;--color-gold-dim:#51b4be80;--color-terra:#1982c2;--color-terra-light:#0095eb;--color-sage:#3f868c;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--shadow-glow:0 0 40px #51b4be1f;--shadow-card:0 4px 24px #06325e14;--shadow-card-hover:0 8px 48px #51b4be33;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--transition-spring:.6s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-cream);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::selection{color:var(--color-cream);background:#d4a34b4d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold-dim)}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:700;line-height:1.2}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.75rem;font-size:.75rem}.section-title{font-family:var(--font-serif);color:var(--color-cream);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.section-subtitle{color:var(--color-cream-dim);max-width:52ch;font-size:1.05rem;line-height:1.7}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section{padding:6rem 0}.nav{z-index:100;border-top:3px solid var(--color-teal);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition-smooth);background:#fffffff7;justify-content:space-between;align-items:center;padding:.9rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #06325e0f}.nav.scrolled{box-shadow:0 2px 24px #06325e1a}.nav-logo{font-family:var(--font-serif);color:var(--color-gold);letter-spacing:.02em;font-size:1.25rem;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--color-cream-dim);letter-spacing:.05em;transition:color var(--transition-fast);font-size:.875rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--color-gold);width:0;height:1px;transition:width var(--transition-smooth);position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--color-gold)}.nav-links a:hover:after{width:100%}.nav-toggle{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;display:none}.nav-toggle-bar{background:var(--color-secondary);width:24px;height:2px;transition:transform .3s var(--ease,ease), opacity .2s ease;border-radius:2px;margin:0 auto;display:block}.nav-open .nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-open .nav-toggle-bar:nth-child(2){opacity:0}.nav-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{background:linear-gradient(150deg,#06325e 0%,#0b4a6e 55%,#1a7a85 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-canvas{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;padding:0 2rem;position:relative}.hero-eyebrow{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:#fff9;opacity:0;margin-bottom:1.5rem;font-size:.8rem}.hero-name{font-family:var(--font-serif);color:#fff;opacity:0;margin-bottom:1rem;font-size:clamp(3rem,8vw,6.5rem);font-weight:700;line-height:1.05}.hero-name em{color:#7dd4da;font-style:italic}.hero-role{color:#ffffffbf;letter-spacing:.03em;opacity:0;margin-bottom:2.5rem;font-size:clamp(1rem,2.5vw,1.35rem);font-weight:300}.hero-cta{opacity:0;flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero .btn-ghost{color:#ffffffd9;border-color:#ffffff4d}.hero .btn-ghost:hover{color:#fff;background:#ffffff12;border-color:#ffffffa6;transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);letter-spacing:.03em;border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-gold);color:var(--color-bg)}.btn-primary:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 8px 32px #d4a34b59}.btn-ghost{color:var(--color-cream-dim);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-cream);border-color:var(--color-gold-dim);transform:translateY(-2px)}.scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator span{font-family:var(--font-mono);letter-spacing:.2em;color:#ffffff59;text-transform:uppercase;font-size:.65rem}.scroll-line{background:linear-gradient(to bottom, var(--color-gold), transparent);width:1px;height:40px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.about{background:var(--color-bg-2)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;display:grid}.about-avatar-wrap{position:relative}.about-avatar{aspect-ratio:3/4;border-radius:var(--radius-lg);object-fit:cover;border:1px solid var(--color-border);width:100%;max-width:380px;display:block}.about-avatar-deco{border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:-1;position:absolute;inset:-12px -12px 12px 12px}.about-text p{color:var(--color-cream-dim);margin-bottom:1.25rem;line-height:1.8}.about-text p strong{color:var(--color-cream);font-weight:500}.tech-stack{flex-wrap:wrap;gap:.5rem;margin-top:2rem;display:flex}.tech-tag{font-family:var(--font-mono);border-radius:var(--radius-sm);color:var(--color-teal);transition:all var(--transition-fast);background:#51b4be14;border:1px solid #51b4be40;padding:.35rem .75rem;font-size:.78rem}.tech-tag:hover{background:#51b4be26;border-color:#51b4be80}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden}.project-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.project-preview{background:var(--color-surface);height:200px;position:relative;overflow:hidden}.project-preview canvas,.project-preview .preview-iframe{width:100%;height:100%;display:block}.project-preview-overlay{background:linear-gradient(to top, var(--color-bg-card) 0%, transparent 60%);pointer-events:none;position:absolute;inset:0}.project-hover-reveal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-smooth);background:#ffffffbf;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.project-card:hover .project-hover-reveal{opacity:1}.project-body{padding:1.5rem}.project-num{font-family:var(--font-mono);color:var(--color-gold);letter-spacing:.15em;margin-bottom:.5rem;font-size:.7rem}.project-title{font-family:var(--font-serif);color:var(--color-cream);margin-bottom:.75rem;font-size:1.25rem}.project-desc{color:var(--color-cream-dim);margin-bottom:1.25rem;font-size:.9rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.project-tag{font-family:var(--font-mono);border:1px solid var(--color-border);color:var(--color-cream-muted);background:#d4a34b0f;border-radius:100px;padding:.25rem .6rem;font-size:.72rem}.skills{background:var(--color-bg-2)}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:3rem;display:grid}.skill-group{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem}.skill-group-title{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:1.5rem;font-size:.75rem}.skill-item{margin-bottom:1.25rem}.skill-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.skill-name{color:var(--color-cream-dim);font-size:.9rem}.skill-pct{font-family:var(--font-mono);color:var(--color-gold-dim);font-size:.8rem}.skill-bar-bg{background:#d4a34b14;border-radius:2px;height:3px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--color-terra), var(--color-gold));border-radius:2px;width:0%;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.contact-wrap{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.contact-info p{color:var(--color-cream-dim);margin-bottom:2rem;line-height:1.8}.contact-links{flex-direction:column;gap:1rem;display:flex}.contact-link{color:var(--color-cream-dim);transition:color var(--transition-fast);align-items:center;gap:.75rem;font-size:.95rem;text-decoration:none;display:flex}.contact-link:hover{color:var(--color-gold)}.contact-link-icon{border-radius:var(--radius-sm);border:1px solid var(--color-border);width:36px;height:36px;transition:all var(--transition-fast);background:#d4a34b14;justify-content:center;align-items:center;font-size:.9rem;display:flex}.contact-link:hover .contact-link-icon{border-color:var(--color-gold-dim);background:#d4a34b26}.contact-form{flex-direction:column;gap:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-cream-muted);letter-spacing:.03em;font-size:.85rem}.form-group input,.form-group textarea{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-cream);font-family:var(--font-sans);transition:border-color var(--transition-fast);resize:vertical;padding:.75rem 1rem;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-gold-dim);outline:none}.form-group textarea{min-height:120px}.footer{border-top:1px solid var(--color-border);text-align:center;padding:2.5rem 0}.footer p{color:var(--color-cream-muted);font-size:.85rem}.footer em{color:var(--color-gold);font-style:normal}.divider{background:var(--color-gold);opacity:.5;width:48px;height:1px;margin:1.5rem 0}.demo-canvas{width:100%;height:100%;display:block}.project-card.featured{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.project-card.featured .project-preview{height:auto;min-height:260px}.aliados{background:var(--color-bg-2);border-top:1px solid var(--color-border);padding:3.5rem 0 4rem;overflow:hidden}.aliados-label{text-align:center;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cream-muted);margin-bottom:2.5rem;font-size:.7rem}.aliados-viewport{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.aliados-track{will-change:transform;align-items:center;gap:3.5rem;width:max-content;display:flex}.aliado-item{flex:none;justify-content:center;align-items:center;height:56px;display:flex}.aliado-item img{object-fit:contain;filter:grayscale()opacity(.55);width:auto;max-width:130px;max-height:56px;transition:filter var(--transition-smooth), transform var(--transition-smooth)}.aliado-item img:hover{filter:grayscale(0)opacity();transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.aliados-viewport{overflow-x:auto}}@media (width<=768px){.aliado-item{height:44px}.aliado-item img{max-width:104px;max-height:44px}.nav-toggle{display:flex}.nav-links{border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;background:#fffffffc;flex-direction:column;align-items:stretch;gap:0;max-height:0;padding:.5rem 0 1rem;transition:max-height .38s cubic-bezier(.4,0,.2,1),opacity .25s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #06325e1f}.nav-open .nav-links{opacity:1;pointer-events:auto;max-height:80vh}.nav-links li{width:100%}.nav-links li a:not(.btn){padding:.9rem 2rem;font-size:1rem;display:block}.nav-links a:after{display:none}.nav-links li:last-child{border-top:1px solid var(--color-border);margin-top:.35rem;padding:.75rem 2rem 0}.nav-links .btn{text-align:center;display:block}.about-grid,.contact-wrap{grid-template-columns:1fr;gap:3rem}.project-card.featured{grid-column:auto;display:block}.project-card.featured .project-preview{height:200px}section{padding:4rem 0}}.gsap-hidden{opacity:0;transform:translateY(30px)}@keyframes heroRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-anim{animation:.9s cubic-bezier(.16,1,.3,1) both heroRise}.hero-anim.d1{animation-delay:50ms}.hero-anim.d2{animation-delay:.18s}.hero-anim.d3{animation-delay:.32s}.hero-anim.d4{animation-delay:.46s}@media (prefers-reduced-motion:reduce){.hero-anim{animation:none}}.gold-text{color:var(--color-gold)}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.guia-demo{background:var(--color-bg);border-top:1px solid var(--color-border)}.guia-tabs{border-bottom:1px solid var(--color-border);justify-content:center;gap:1.5rem;margin:2.5rem 0 3.5rem;padding-bottom:.5rem;display:flex}.guia-tab-btn{font-family:var(--font-sans);color:var(--color-cream-dim);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.75rem 1rem;font-size:.95rem;font-weight:500;position:relative}.guia-tab-btn:after{content:"";background:var(--color-gold);width:0;height:2px;transition:width var(--transition-smooth);position:absolute;bottom:-9px;left:0}.guia-tab-btn:hover{color:var(--color-gold)}.guia-tab-btn.active{color:var(--color-gold);font-weight:600}.guia-tab-btn.active:after{width:100%}.guia-step-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:4rem;display:grid}.guia-step-info h3{font-family:var(--font-serif);color:var(--color-secondary);margin-bottom:1rem;font-size:1.65rem}.guia-step-info p{color:var(--color-cream-dim);margin-bottom:1rem;font-size:.98rem;line-height:1.7}.guia-instruction{border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#51b4be12;margin-top:2rem;padding:1.25rem}.guia-instruction strong{font-size:.82rem;font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.guia-instruction p{color:var(--color-cream);margin:0;font-size:.92rem;font-style:italic;line-height:1.6}.book-page{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:1.1fr 1fr;min-height:380px;display:grid;overflow:hidden}.book-illustration{background:#031526;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.constellation-bg{opacity:.8;background:radial-gradient(circle at 30% 20%,#51b4be26 0%,#0000 50%),radial-gradient(circle at 70% 60%,#06325e4d 0%,#0000 60%);position:absolute;inset:0}.stars-glow-effect{opacity:.5;background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1.5px 1.5px at 150px 70px,#fff,#0000),radial-gradient(1px 1px at 80px 160px,#ddd,#0000),radial-gradient(2px 2px at 260px 100px,#fff,#0000),radial-gradient(1px 1px at 310px 210px,#bbb,#0000),radial-gradient(1.5px 1.5px at 220px 280px,#eee,#0000);background-size:cover;width:100%;height:100%;position:absolute}.hotspot{background:var(--color-primary);color:#fff;width:28px;height:28px;font-family:var(--font-mono);cursor:pointer;z-index:10;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:absolute;box-shadow:0 0 12px #51b4becc}.hotspot:hover{background:var(--color-primary-dim);transform:scale(1.15)}.hotspot.active{background:var(--color-secondary);box-shadow:0 0 15px #06325ee6}.hotspot-pulse{border:2px solid var(--color-primary);pointer-events:none;border-radius:50%;width:100%;height:100%;animation:1.8s ease-out infinite pulseRing;position:absolute;top:0;left:0}.hotspot.active .hotspot-pulse{border-color:var(--color-secondary)}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.hotspot.h1{top:25%;left:30%}.hotspot.h2{top:60%;left:50%}.hotspot.h3{top:35%;left:75%}.book-text-col{border-left:1px solid var(--color-border);background:#fbfbfb;flex-direction:column;justify-content:space-between;padding:2rem;display:flex}.book-heading-mini{font-family:var(--font-mono);color:var(--color-cream-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.68rem;display:block}.book-excerpt{font-family:var(--font-serif);color:var(--color-cream-dim);margin-bottom:1.5rem;font-size:.96rem;font-style:italic;line-height:1.6}.hotspot-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;align-items:center;min-height:140px;padding:1.25rem;display:flex;box-shadow:0 2px 12px #06325e08}.hotspot-placeholder{color:var(--color-cream-muted);text-align:center;width:100%;font-size:.88rem;font-style:italic}.hotspot-detail{width:100%;animation:.35s ease-out fadeIn}.hotspot-label{font-family:var(--font-mono);color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.65rem;display:block}.hotspot-detail h5{font-family:var(--font-serif);color:var(--color-secondary);margin-bottom:.4rem;font-size:1.05rem}.hotspot-detail p{color:var(--color-cream-dim);margin:0;font-size:.88rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=992px){.guia-step-grid{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.book-page{grid-template-columns:1fr}.book-illustration{min-height:240px}.book-text-col{border-left:none;border-top:1px solid var(--color-border);padding:1.5rem}.guia-tabs{flex-wrap:wrap;gap:.5rem}.guia-tab-btn{padding:.5rem .75rem;font-size:.88rem}}.mobile-rotate-overlay{background:var(--color-ink);color:var(--color-bg);z-index:99999;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:none;position:fixed;inset:0}.mobile-rotate-icon{margin-bottom:1.5rem;font-size:3rem;animation:2s ease-in-out infinite rotatePhone}.mobile-rotate-overlay h2{color:var(--color-gold);margin-bottom:1rem;font-size:1.5rem}.mobile-rotate-overlay p{color:#fffc;max-width:300px;font-size:1rem}@keyframes rotatePhone{0%{transform:rotate(0)}50%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media screen and (width<=768px) and (orientation:portrait){.mobile-rotate-overlay{display:flex}}