:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-body:"Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:var(--font-body);--font-hero:"Montserrat", var(--font-body);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;--background:#0c0c0d;--surface:#151516;--surface-raised:#1d1d1f;--text:#f6f2ef;--text-muted:#b8b2ad;--accent:#b88a68;--accent-light:#d6b399;--accent-contrast:#111;--border:#ffffff1f;--control-background:#ffffff09;--control-focus-background:#ffffff0f;--floating-background:#1d1d1fe6;--success:#8fd6a7;--error:#f2a5a5;--header-height:76px;--container:1180px;--page-gutter:clamp(28px, 5vw, 64px);--section-space:clamp(80px, 9vw, 128px);--radius-small:10px;--radius:20px;--shadow:0 24px 70px #00000052}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f6f2ee;--surface:#eee8e2;--surface-raised:#fffdfb;--text:#211d1a;--text-muted:#655e58;--accent:#9b6240;--accent-light:#75472d;--accent-contrast:#fff;--border:#211d1a26;--control-background:#211d1a0b;--control-focus-background:#211d1a13;--floating-background:#fffdfbf0;--success:#267444;--error:#ad3e3e;--shadow:0 24px 70px #402f2429}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{background:var(--background);min-width:320px;color:var(--text);margin:0;font-size:16px;line-height:1.7;transition:background-color .18s,color .18s}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:.34s cubic-bezier(.22,1,.36,1) both theme-reveal}@keyframes theme-reveal{0%{opacity:.68;clip-path:circle(0 at var(--theme-transition-x,50vw) var(--theme-transition-y,38px))}to{opacity:1;clip-path:circle(var(--theme-transition-radius,150vmax) at var(--theme-transition-x,50vw) var(--theme-transition-y,38px))}}body,button,input,textarea{font:inherit}button,input,textarea{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.15}.navigation-list a,.eyebrow,.button,.hero-role,.hero-contact-link,.tab-list button,.experience-card__link,.project-link{font-family:var(--font-display)}p{text-wrap:pretty}:focus-visible{outline:3px solid var(--accent-light);outline-offset:4px}::selection{background:var(--accent);color:var(--accent-contrast)}.container{width:min(calc(100% - var(--page-gutter) - var(--page-gutter)), var(--container));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border-radius:var(--radius-small);background:var(--text);color:var(--background);padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:100;min-height:var(--header-height);background:linear-gradient(to bottom, color-mix(in srgb, var(--background) 82%, transparent) 0%, color-mix(in srgb, var(--background) 48%, transparent) 68%, transparent 100%);position:fixed;inset:0 0 auto}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.navigation-panel,.navigation-list,.social-links{align-items:center;display:flex}.navigation-panel{gap:34px}.navigation-list,.social-links{margin:0;padding:0;list-style:none}.navigation-list{gap:28px}.navigation-list a{color:var(--text-muted);font-size:.92rem;font-weight:600;transition:color .16s;position:relative}.navigation-list a:after{background:var(--accent);content:"";transform-origin:0;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.navigation-list a:hover,.navigation-list a.is-active{color:var(--text)}.navigation-list a.is-active:after{transform:scaleX(1)}.header-preferences,.language-switcher,.theme-switcher{align-items:center;display:flex}.header-preferences{gap:10px}.language-switcher,.theme-switcher{border:1px solid var(--border);border-radius:6px;flex:none;overflow:hidden}.language-switcher button,.theme-switcher button{width:38px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;place-items:center;padding:0;font-size:.75rem;font-weight:800;display:grid}.language-switcher button+button,.theme-switcher button+button{border-left:1px solid var(--border)}.language-switcher button.is-active,.theme-switcher button.is-active{background:var(--accent);color:var(--accent-contrast)}.theme-switcher svg{font-size:1rem}.social-links{gap:10px}.social-links a{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);border-radius:50%;place-items:center;transition:border-color .16s,color .16s,transform .16s;display:grid}.social-links a:hover{border-color:var(--accent);color:var(--accent-light);transform:translateY(-2px)}.menu-button{cursor:pointer;background:0 0;padding:8px;font-size:1.6rem;display:none}.menu-button svg{transition:transform .36s cubic-bezier(.22,1,.36,1)}.site-header--menu-open .menu-button svg{transform:rotate(90deg)}.section{padding-block:var(--section-space)}.section--surface{background:var(--surface)}.section-heading{max-width:760px;margin-bottom:clamp(36px,5vw,52px)}.section-heading--center{text-align:center;margin-inline:auto}.section-heading h2{letter-spacing:normal;margin-bottom:18px;font-size:clamp(2.2rem,5vw,4rem)}.section-heading>p:last-child{color:var(--text-muted);margin-bottom:0;font-size:1.08rem}.eyebrow{color:var(--accent-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:800}.muted{color:var(--text-muted)}.button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:11px 24px;font-weight:750;transition:background .16s,color .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--outline{border:1px solid color-mix(in srgb, var(--accent-light) 58%, var(--border));color:var(--accent-light);background:0 0}.button--outline:hover{border-color:var(--accent-light);background:color-mix(in srgb, var(--accent) 10%, transparent)}.button:disabled{cursor:wait;opacity:.65;transform:none}.hero-section{--text:#f6f2ef;--text-muted:#b8b2ad;--accent:#b88a68;--accent-light:#d6b399;--accent-contrast:#111;min-height:100svh;padding-top:var(--header-height);isolation:isolate;color:var(--text);background:linear-gradient(90deg,#080809f2 0%,#080809b3 58%,#0808096b 100%),url(/assets/images/bg/bg-image-28.jpg) 50%/cover;align-items:center;display:grid;position:relative;overflow:hidden}:root[data-theme=light] .hero-section{--text:#211d1a;--text-muted:#514a45;--accent:#9b6240;--accent-light:#75472d;--accent-contrast:#fff;background:linear-gradient(90deg,#ebe8e5fa 0%,#e6e2def2 58%,#ded9d4eb 100%),url(/assets/images/bg/bg-image-28.jpg) 50%/cover}.hero-section:after{z-index:-1;filter:blur(70px);content:"";background:#b88a6829;border-radius:50%;width:60vw;height:60vw;position:absolute;bottom:-35vw;right:-12vw}:root[data-theme=light] .hero-section:after{background:#9b62402e}.hero-content{padding-block:clamp(64px,10vh,96px)}.hero-content h1{max-width:900px;font-family:var(--font-hero);letter-spacing:normal;margin-bottom:12px;font-size:clamp(2.5rem,6vw,5.25rem);font-weight:900}.hero-role{min-height:1.3em;color:var(--accent-light);font-family:var(--font-hero);letter-spacing:normal;margin-bottom:8px;font-size:clamp(1.85rem,4vw,3.75rem);font-weight:900;line-height:1.2}.hero-role__animated{will-change:opacity, transform, filter;animation:.52s cubic-bezier(.22,1,.36,1) both hero-role-enter;display:inline-block}@keyframes hero-role-enter{0%{opacity:.62;filter:blur(1.5px);transform:translateY(.05em)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-summary{max-width:720px;color:var(--text-muted);margin-bottom:14px;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-location{color:var(--text-muted);margin-bottom:34px;font-size:clamp(1.1rem,2vw,1.5rem)}.hero-contact-link{border-bottom:1px solid color-mix(in srgb, var(--accent-light) 48%, transparent);min-height:44px;color:var(--accent-light);align-items:center;gap:8px;padding-block:7px;font-weight:750;transition:border-color .16s,color .16s;display:inline-flex}.hero-contact-link svg{transition:transform .16s}.hero-contact-link:hover{border-color:currentColor}.hero-contact-link:hover svg{transform:translate(2px,2px)}.about-layout,.contact-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(44px,6vw,80px);display:grid}.about-photo,.contact-photo{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.about-photo img,.contact-photo img{object-fit:cover;aspect-ratio:4/5;width:100%;height:100%}.about-copy{color:var(--text-muted);-webkit-hyphens:auto;hyphens:auto;text-align:justify;text-justify:inter-word;font-size:1.04rem}.about-copy p:last-child{margin-bottom:0}.tabs{margin-top:38px}.tab-list{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding-bottom:12px;display:flex}.tab-list button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:9px 16px;font-weight:700}.tab-list button.is-active{background:var(--accent);color:var(--accent-contrast)}.tab-panel{padding-top:28px}.tab-panel[hidden]{display:none}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;margin:0;padding:0;list-style:none;display:grid}.skills-grid li{border-left:2px solid var(--accent);padding:5px 0 5px 18px;font-weight:650}.skill-line{display:block}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.detail-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-card{border-left:2px solid var(--accent);padding-left:18px}.detail-card h3{margin-bottom:8px;font-size:1rem}.detail-card p{margin-bottom:2px;font-size:.9rem}.experience-section{--surface-raised:#1d1d1f;--text:#f6f2ef;--text-muted:#b8b2ad;--accent:#b88a68;--accent-light:#d6b399;--accent-contrast:#111;--border:#ffffff1f;--experience-card-background:#ffffff12;--experience-card-hover-background:#ffffff1c;--experience-card-hover-border:#d6b3998c;--experience-toggle-background:#ffffff0f;--experience-toggle-hover-background:#ffffff1a;--experience-close-background:#ffffff14;color:var(--text);background:linear-gradient(#0a0a0bd6,#0a0a0bf0),url(/assets/images/bg/paralax/soporte.jpeg) 50%/cover fixed;position:relative}:root[data-theme=light] .experience-section{--surface-raised:#f9f7f4;--text:#211d1a;--text-muted:#625c57;--accent:#9b6240;--accent-light:#75472d;--accent-contrast:#fff;--border:#211d1a2b;--experience-card-background:#fffdfbb8;--experience-card-hover-background:#fffdfbe6;--experience-card-hover-border:#75472d7a;--experience-toggle-background:#fffdfb85;--experience-toggle-hover-background:#fffdfbd1;--experience-close-background:#211d1a14;background:#d8d5d1}.experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,24px);display:grid}.experience-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--experience-card-background);flex-direction:column;min-height:330px;padding:clamp(24px,2.2vw,28px);transition:border-color .18s,background .18s;display:flex;position:relative}.experience-card:hover{border-color:var(--experience-card-hover-border);background:var(--experience-card-hover-background)}.experience-card__heading{align-items:center;gap:18px;margin-bottom:22px;display:flex}.experience-card__heading img,.company-mark{object-fit:contain;background:#fff;border-radius:12px;flex:none;width:58px;height:58px;padding:6px}.company-mark{color:#171719;letter-spacing:-.03em;place-items:center;font-size:.85rem;font-weight:850;display:grid}.experience-card h3{margin-bottom:5px;font-size:1.15rem}.experience-card__heading p,.experience-time{color:var(--text-muted);margin-bottom:0;font-size:.86rem}.experience-department{display:block}.experience-time{margin-bottom:14px;font-weight:700}.experience-card>p:not(.experience-time){color:var(--text-muted)}.experience-card__link{color:var(--accent-light);align-self:flex-start;align-items:center;gap:7px;margin-top:auto;padding:6px 0;font-weight:750;display:inline-flex}.experience-card__link svg{transition:transform .16s}.experience-card:hover .experience-card__link svg{transform:translate(2px,-2px)}.experience-actions{justify-content:center;margin-top:clamp(32px,4vw,48px);display:flex}.experience-toggle{border:1px solid var(--experience-card-hover-border);background:var(--experience-toggle-background);color:var(--accent-light);gap:9px}.experience-toggle:hover{border-color:var(--accent-light);background:var(--experience-toggle-hover-background)}.experience-card__trigger{z-index:1;border-radius:inherit;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute;inset:0}.experience-dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);width:min(100% - 32px,760px);max-height:min(88vh,820px);color:var(--text);box-shadow:var(--shadow);padding:0;overflow:hidden auto}.experience-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000c2}.dialog-card{padding:clamp(28px,5vw,52px);position:relative}.dialog-close{background:var(--experience-close-background);cursor:pointer;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.35rem;display:grid;position:absolute;top:18px;right:18px}.dialog-heading{justify-content:space-between;align-items:center;gap:32px;padding-right:44px;display:flex}.dialog-heading h2{margin-bottom:8px;font-size:clamp(1.8rem,4vw,2.8rem)}.dialog-heading img,.company-mark--large{object-fit:contain;background:#fff;border-radius:15px;flex:none;width:84px;height:84px;padding:8px}.company-mark--large{font-size:1.05rem}.dialog-content{gap:30px;margin-top:38px;display:grid}.dialog-content h3{margin-bottom:14px;font-size:1.08rem}.dialog-content ul{color:var(--text-muted);gap:10px;margin:0;padding:0;list-style:none;display:grid}.dialog-content li{border-bottom:1px solid var(--border);padding-bottom:10px}.dialog-content strong{color:var(--text)}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{--text:#f6f2ef;--text-muted:#b8b2ad;--accent-light:#d6b399;--project-card-background:#1d1d1f;--project-card-border:#ffffff1f;border:1px solid var(--project-card-border);border-radius:var(--radius);background:var(--project-card-background);min-height:480px;color:var(--text);box-shadow:var(--shadow);grid-template-rows:220px 1fr;display:grid;overflow:hidden}:root[data-theme=light] .project-card{--text:#211d1a;--text-muted:#655e58;--accent-light:#75472d;--project-card-background:#fffdfb;--project-card-border:#211d1a24}.project-card--dark-visual{--project-logo-background:#393532;--project-mark-color:#f6f2ef}.project-card--light-visual{--project-logo-background:#e6e3df;--project-mark-color:#211d1a}.project-card--light-logo{--project-logo-blend-mode:screen;--project-logo-filter:contrast(1.04)}.project-card--dark-logo{--project-logo-blend-mode:multiply;--project-logo-filter:contrast(1.04)}.project-card--transparent-logo{--project-logo-blend-mode:normal;--project-logo-filter:contrast(1.04)}.project-card__logo{border-bottom:1px solid var(--project-card-border);background:var(--project-logo-background);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.project-card__logo img{width:auto;max-width:80%;height:auto;max-height:70%;filter:var(--project-logo-filter);mix-blend-mode:var(--project-logo-blend-mode);object-fit:contain;object-position:center;transition:filter .22s,transform .42s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card__icon{width:clamp(78px,8vw,104px);height:clamp(78px,8vw,104px);color:var(--project-mark-color);stroke-width:1.45px;border:1px solid;border-radius:16px;padding:19px;transition:transform .42s}.project-card__content{flex-direction:column;align-items:flex-start;height:100%;padding:26px 28px 28px;display:flex}.project-card__content>span:first-child{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem}.project-card__content h3{margin-top:6px;font-size:1.55rem}.project-summary{max-width:34ch;color:var(--text-muted);margin-top:10px;font-size:.9rem;line-height:1.45}.project-link{color:var(--accent-light);align-items:center;gap:7px;margin-top:auto;padding-top:22px;font-weight:750;display:inline-flex}.project-link--static{color:var(--text-muted)}.projects-actions{justify-content:center;margin-top:clamp(32px,4vw,48px);display:flex}.projects-toggle{border:1px solid var(--border);background:var(--surface);color:var(--accent-light);gap:9px}.projects-toggle:hover{border-color:var(--accent-light);background:var(--surface-raised)}.project-card:hover .project-card__logo img{transform:translate(-50%,-50%)scale(1.04)}.project-card:hover .project-card__icon{transform:scale(1.04)}.contact-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}.contact-details{flex-wrap:wrap;gap:12px 24px;margin-bottom:34px;display:flex}.contact-details a{color:var(--accent-light);font-weight:700}.contact-form{gap:18px;display:grid}.contact-form label{gap:7px;display:grid}.contact-form .honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form label>span{color:var(--text-muted);font-size:.82rem;font-weight:700}.contact-form input,.contact-form textarea{border:1px solid var(--border);border-radius:var(--radius-small);background:var(--control-background);width:100%;transition:border-color .16s,background .16s}.contact-form input{height:50px;padding:0 15px}.contact-form textarea{resize:vertical;min-height:150px;padding:13px 15px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);background:var(--control-focus-background);outline:none}.contact-form .button{justify-self:start;margin-top:4px}.form-status{margin-bottom:0;font-weight:650}.form-status--success{color:var(--success)}.form-status--error{color:var(--error)}.form-status--sending{color:var(--text-muted)}.site-footer{border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:160px;display:flex}.footer-inner p{color:var(--text-muted);margin:0;font-size:.9rem}.back-to-top{z-index:50;border:1px solid var(--border);background:var(--floating-background);width:48px;height:48px;box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;place-items:center;font-size:1.35rem;display:grid;position:fixed;bottom:24px;right:24px}@media (width<=1100px){.navigation-panel,.navigation-list{gap:20px}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.about-layout,.contact-layout{grid-template-columns:1fr}.about-photo,.contact-photo{width:min(100%,480px);margin-inline:auto}.contact-photo{order:-1}.skills-grid,.projects-grid,.detail-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){:root{--header-height:68px}.menu-button{place-items:center;display:grid}.site-header--menu-open{background:var(--background)}.navigation-panel{width:min(50vw,360px);height:calc(100dvh - var(--header-height));padding:24px var(--page-gutter) max(28px, env(safe-area-inset-bottom));border-left:1px solid var(--border);background:var(--background);opacity:0;pointer-events:none;text-align:right;visibility:hidden;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:20px;transition:transform .44s cubic-bezier(.22,1,.36,1),opacity .32s,visibility 0s linear .44s;display:grid;position:absolute;top:100%;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-24px 0 60px #00000061}.navigation-panel.is-open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(0)}.navigation-list{gap:4px;display:grid}.navigation-list a{justify-content:flex-end;align-items:center;min-height:44px;padding:8px 2px;font-size:1rem;display:flex}.navigation-list a:after{transform-origin:100%;width:30px;bottom:4px;left:auto;right:2px}.header-preferences{flex-direction:column;place-self:end;align-items:flex-end}}@media (width<=760px){:root{--section-space:80px}.hero-section{background-position:60%}.hero-content h1{font-size:clamp(2.35rem,10vw,3.4rem)}.hero-role{min-height:1.3em;font-size:clamp(1.55rem,6vw,2.25rem)}.tab-list{gap:8px;padding-bottom:14px}.tab-list button{padding:8px 12px}.detail-grid,.detail-grid--three,.experience-grid,.projects-grid{grid-template-columns:1fr}.skills-grid{gap:18px 16px}.skills-grid li{padding-left:12px}.experience-card{min-height:0}.experience-card__heading{gap:14px;margin-bottom:18px}.project-card{min-height:420px}.dialog-heading{align-items:flex-start;padding-right:34px}.dialog-heading img,.company-mark--large{width:64px;height:64px}.footer-inner{text-align:center;flex-direction:column;justify-content:center}.back-to-top{bottom:16px;right:16px}}@media (width<=340px){:root{--page-gutter:16px;--section-space:72px}.hero-content h1{font-size:2.35rem}.hero-role{min-height:2.4em;font-size:1.5rem}.skills-grid{column-gap:12px}.skills-grid li{padding-left:10px;font-size:.9rem}.experience-card{padding-left:20px;padding-right:20px}.project-card__content{inset:auto 20px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.experience-section{background-attachment:scroll}::view-transition-old(root){animation-duration:.01ms!important}::view-transition-new(root){animation-duration:.01ms!important}}