.reveal{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{will-change:auto}.reveal--up{transform:translateY(32px)}.reveal--down{transform:translateY(-24px)}.reveal--left{transform:translate(-36px)}.reveal--right{transform:translate(36px)}.reveal--fade{transform:none}.reveal--scale{transform:scale(.94)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:2rem}.header__reveal--nav{flex:1;display:flex;justify-content:center;min-width:0}.header__reveal--cta{flex-shrink:0}@media(max-width:900px){.header__reveal--nav{flex:none;width:100%;position:absolute}}.header__logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1rem;flex-shrink:0}.header__logo-mark{color:var(--accent);font-size:.9375rem;letter-spacing:-.05em}.header__logo-text{color:var(--text)}.header__nav{flex:1;display:flex;justify-content:center}.header__nav ul{display:flex;align-items:center;gap:2rem}.header__nav a{font-size:.875rem;font-weight:400;color:var(--text-muted);transition:color .2s}.header__nav a:hover{color:var(--text)}.header__cta{flex-shrink:0}.header__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px}.header__toggle span{display:block;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}@media(max-width:900px){.header__inner{flex-wrap:wrap}.header__toggle{display:flex;order:2;margin-left:auto}.header__cta{display:none}.header__nav{order:4;flex:none;width:100%;position:fixed;left:0;right:0;top:var(--header-h);flex-direction:column;padding:2rem;background:var(--bg);border-top:1px solid var(--border);transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease;justify-content:flex-start}.header__nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.header__nav ul{flex-direction:column;align-items:flex-start;gap:1.25rem;width:100%}.header__nav a{font-size:1.0625rem}.header__nav.is-open+.header__cta,.header__inner:has(.header__nav.is-open) .header__cta{display:none}.header__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.header__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--header-h) + 4rem) 0 6rem;min-height:100vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(#242a30 1px,transparent 1px),linear-gradient(90deg,#242a30 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(#000 30%,transparent 75%);mask-image:radial-gradient(#000 30%,transparent 75%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--gradient-hero),radial-gradient(ellipse 50% 55% at 72% 45%,oklch(68% .17 47 / .32),transparent 62%)}.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero__content .reveal,.hero__visual-wrap{width:100%}.hero__visual-wrap{display:flex;justify-content:center}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);margin:0 0 1.5rem;padding:.4rem .85rem .4rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--gradient-accent);box-shadow:0 0 12px var(--accent-glow);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero__title{font-size:clamp(2.25rem,5.5vw,3.75rem);font-weight:700;line-height:1.05;letter-spacing:-.04em;margin:0 0 .5rem;color:var(--text)}.hero__accent{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;margin:0 0 1.25rem;letter-spacing:-.02em}.hero__value{font-size:1rem;color:var(--text-muted);max-width:28rem;margin:0 0 2rem;line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem}.hero__stats{display:flex;align-items:center;flex-wrap:wrap;gap:0}.hero__stat{display:flex;align-items:center}.hero__stat-divider{width:1px;height:2.5rem;background:var(--border);margin:0 1.5rem}.hero__stat-value{display:block;font-size:1.8rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.hero__stat-label{display:block;font-size:.875rem;color:var(--text-muted);margin-top:.15rem}.hero__visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}.hero__portrait-glow{position:absolute;width:115%;height:115%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;background:var(--gradient-portrait);filter:blur(28px)}.hero__portrait-glow:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;background:radial-gradient(ellipse 45% 40% at 50% 38%,oklch(78% .2 50 / .55) 0%,oklch(70% .18 47 / .25) 50%,transparent 100%);filter:blur(12px)}.hero__portrait{position:relative;z-index:1;width:min(100%,400px)}.hero__portrait img{width:100%;height:auto;object-fit:contain}@media(max-width:900px){.hero{min-height:auto;padding-bottom:4rem;padding-top:100px}.hero__grid{display:flex;flex-direction:column-reverse;gap:20px}.hero__visual{order:-1}.hero__portrait{width:min(300px,75vw)}.hero__stat-divider:first-of-type{display:none}.hero__stat-divider{display:none}.hero__stat-inner{display:flex;align-items:center;gap:12px}.hero__visual-wrap{display:none}}.footer{padding:2rem 0 2.5rem;border-top:1px solid var(--border)}.footer__inner{text-align:center}.footer__copy{margin:0;font-size:.8125rem;color:var(--text-muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:border-color .2s,background .2s}.service-card:hover{border-color:#ed934740;background:var(--surface-hover)}.service-card:hover .service-icon{color:#222;background-color:#f38042}.service-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:1rem;color:var(--accent);background-color:color-mix(in oklab,oklch(72% .16 47) 10%,transparent);border-radius:10px}.service-icon svg{width:22px;height:22px}.service-card__title{font-size:1rem;font-weight:600;margin:0 0 .5rem;color:var(--text)}.service-card__text{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.65}.stack-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.stack-intro{font-size:.9375rem;color:var(--text-muted);line-height:1.7;margin:0 0 1.75rem}.stack-checklist{display:flex;flex-direction:column;gap:.65rem}.stack-checklist li{display:flex;align-items:flex-start;gap:.65rem;font-size:.9375rem;color:var(--text-muted);position:relative;padding-left:28px}.stack-checklist li:before{content:"";flex-shrink:0;width:18px;height:18px;margin-top:2px;background:var(--accent-soft);border-radius:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3.5 8.5L6.5 11.5L12.5 4.5' stroke='%23ed9347' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px;position:absolute;left:0}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{font-size:.8125rem;font-weight:500;padding:.45rem .9rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s}.tag-pill:hover{border-color:#ed93474d;background-color:#ed9347;color:#222}.exp-list{display:flex;flex-direction:column;gap:.75rem}.exp-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.35rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,background .2s}.exp-card:hover{border-color:#ed934733;background:var(--surface-hover)}.exp-card__role{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--text)}.exp-card__meta{font-size:.8125rem;color:var(--text-muted);margin:0}.exp-card__period{flex-shrink:0;font-size:.875rem;font-weight:500;color:var(--accent);white-space:nowrap}.about-text p{margin:0 0 1.25rem;font-size:.9375rem;color:var(--text-muted);max-width:52rem;line-height:1.75}.about-text *:last-child p{margin-bottom:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;transition:border-color .2s}.project-card:hover{border-color:#ed934740}.project-card__type{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:.5rem}.project-card__name{font-size:1.0625rem;font-weight:600;margin:0 0 .75rem}.project-card__desc{font-size:.875rem;color:var(--text-muted);margin:0 0 1rem;flex:1;line-height:1.6}.project-card__tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.project-card__result{font-size:.8125rem;color:var(--text-muted);margin:0;padding-top:1rem;border-top:1px solid var(--border)}.project-card__result strong{color:var(--text);font-weight:500}.steps-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.step-pill{padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.8125rem;font-weight:500;color:var(--text-muted);text-align:center}.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.commercial-box{padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius)}.commercial-box strong{display:block;font-size:.875rem;color:var(--accent);margin-bottom:.35rem;text-transform:uppercase}.commercial-box p{margin:0;font-size:.875rem;color:var(--text-muted)}.contact-section{text-align:center;padding-bottom:6rem}.contact-section .section__title{margin-bottom:1rem}.contact-section .section__lead{margin:0 auto 2.5rem;text-align:center}.contact-actions-wrap{display:flex;justify-content:center;width:100%;margin-bottom:1.5rem}.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.contact-action-btn{display:inline-flex;align-items:center;gap:.65rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600}.contact-action-btn--whatsapp{border-color:#17960d;background-color:#17960d!important}.contact-action-btn--whatsapp:hover{border-color:#25d366;background-color:#25d366}.contact-links{display:flex;justify-content:center;gap:2rem}.contact-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;color:var(--text-muted);transition:color .2s}.contact-link:hover{color:var(--accent)}@media(max-width:900px){.services-grid,.portfolio-grid{grid-template-columns:1fr}.stack-layout,.commercial-grid{grid-template-columns:1fr;gap:2rem}.exp-card{flex-direction:column;align-items:flex-start;gap:.75rem}.steps-row{grid-template-columns:1fr 1fr}}@media(max-width:640px){.services-grid,.portfolio-grid{grid-template-columns:1fr}}@media(min-width:901px)and (max-width:1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}.section__lead--inline{margin-top:-1.5rem}.contact-links-wrap{display:flex;justify-content:center;width:100%}.services-grid .reveal,.portfolio-grid .reveal,.exp-list .reveal{height:100%}.services-grid .reveal>*,.portfolio-grid .reveal>*,.exp-list .reveal>*{height:100%}.tag-cloud .reveal{display:inline-flex}.stack-checklist .reveal{display:list-item}.steps-row .reveal,.steps-row .reveal .step-pill{height:100%}:root{--accent: #ed9347;--accent-dark: #cf8140;--accent-glow: rgba(237, 147, 71, .45);--accent-soft: oklch(20% .014 250);--gradient-hero: radial-gradient(circle at 20% 20%, oklch(72% .16 47 / .18), transparent 50%), radial-gradient(circle at 80% 60%, oklch(55% .14 47 / .12), transparent 55%);--gradient-portrait: radial-gradient(ellipse 52% 48% at 50% 42%, oklch(72% .19 47 / .72) 0%, oklch(68% .17 47 / .45) 38%, transparent 68%), radial-gradient(ellipse 95% 90% at 50% 52%, oklch(62% .15 47 / .5) 0%, oklch(55% .12 47 / .2) 45%, transparent 75%);--gradient-accent: linear-gradient(135deg, oklch(85% .17 50), oklch(75% .18 35));--bg: oklch(16% .012 250);--bg-elevated: #141414;--surface: oklch(20% .014 250);--surface-hover: oklch(22% .016 250);--border: rgba(255, 255, 255, .08);--text: #f5f5f4;--text-muted: #9a9a96;--radius: 12px;--radius-lg: 16px;--font: "Sora", system-ui, sans-serif;--max: 1100px;--header-h: 72px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#root{position:relative;z-index:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul{margin:0;padding:0;list-style:none}.container{width:min(100% - 2.5rem,var(--max));margin-inline:auto}.section{padding:5.5rem 0;overflow:hidden}.section__eyebrow{display:block;font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:var(--accent);margin-bottom:.75rem}.section__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;line-height:1.15;margin:0 0 3rem;letter-spacing:-.03em;color:var(--text)}.section__lead{font-size:1rem;color:var(--text-muted);margin:-2rem 0 2.5rem;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius);transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--gradient-accent);color:#0c0c0c;box-shadow:0 0 32px #ed934740}.btn--primary:hover{filter:brightness(1.08);box-shadow:0 0 40px #ed934759}.btn--outline{border:1px solid var(--border);color:var(--text);background:transparent}.btn--outline:hover{border-color:#fff3;background:var(--surface)}.btn--nav{padding:.55rem 1.1rem;font-size:.875rem;border-radius:8px}.icon-arrow{width:1rem;height:1rem}#servicios,#experiencia,#portafolio{border-top:1px solid oklch(28% .014 250);border-bottom:1px solid oklch(28% .014 250)}#tecnologias,#sobre-mi{background-color:color-mix(in oklab,oklch(20% .014 250) 30%,transparent)}#colaboracion{background-color:color-mix(in oklab,oklch(20% .014 250) 30%,transparent);border-bottom:1px solid oklch(28% .014 250)}