.brand-text{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:-.02em;color:var(--color-on-background);font-weight:700;line-height:1.2}.brand-lockup{align-items:center;gap:var(--space-sm);color:inherit;text-decoration:none;display:flex}.brand-lockup__logo{object-fit:contain;flex-shrink:0;width:2rem;height:2rem;display:block}.accent-marker{background:var(--color-primary-container);flex-shrink:0;display:inline-block}.accent-marker--sm{width:8px;height:8px}.accent-marker--md{width:12px;height:12px}.nav-link{font-family:var(--font-mono);font-size:var(--text-ui);letter-spacing:.8px;color:var(--color-on-surface-variant);font-weight:500;line-height:1;text-decoration:none;transition:color .2s}.nav-link:hover,.nav-link--desktop.is-active{color:var(--color-primary)}.nav-link--footer{color:var(--color-text-secondary)}.nav-link--footer:hover,.nav-link--footer.is-active{color:var(--color-primary-container)}.desktop-nav-item{align-items:center;gap:var(--space-xs);display:inline-flex}.icon.material-symbols-outlined{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-size:var(--text-sm);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;line-height:1;display:inline-block}.icon-button{padding:var(--space-xs);color:var(--color-on-surface-variant);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:inline-flex}.icon-button:hover{color:var(--color-primary)}.top-app-bar{top:0;z-index:var(--z-chrome);background:var(--color-background);border-bottom:1px solid var(--color-grid-line);position:fixed;inset-inline:0}.top-app-bar__inner{max-width:1600px;height:5rem;padding-inline:var(--space-lg);justify-content:space-between;align-items:center;margin-inline:auto;display:flex}@media (width>=768px){.top-app-bar__inner{padding-inline:var(--space-xxl)}}.top-app-bar__nav{align-items:center;gap:var(--space-xl);display:none}@media (width>=768px){.top-app-bar__nav{display:flex}.top-app-bar__menu{display:none}}.top-app-bar__menu-dialog{border:none;border-bottom:1px solid var(--color-grid-line);width:100%;max-width:none;padding:var(--space-lg);background:var(--color-background);color:inherit;margin:0;margin-block-start:5rem;inset-inline:0}.top-app-bar__menu-dialog::backdrop{background:0 0}.top-app-bar__menu-nav{gap:var(--space-md);flex-direction:column;display:flex}.active-indicator{pointer-events:none;display:block}.active-indicator--underline{background:var(--color-primary-container);width:100%;height:2px}.active-indicator--dot{background:var(--color-primary-container);border-radius:50%;width:6px;height:6px}.active-indicator--fill{background:var(--color-primary-container);opacity:.12;width:100%;height:100%}.active-indicator--border{background:var(--color-primary-container);width:100%;height:2px}.bottom-nav-item{width:100%;height:100%;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .2s,background-color .2s;display:flex;position:relative}.bottom-nav-item:hover{background:var(--color-surface-container-low);color:var(--color-primary)}.bottom-nav-item.is-active{color:var(--color-primary);font-weight:700}.bottom-nav-item__dot{position:absolute;top:4px}.bottom-nav-item__label{font-family:var(--font-mono);font-size:var(--text-nav-label);letter-spacing:.8px;line-height:1}.bottom-nav-bar{bottom:0;z-index:var(--z-chrome);height:4rem;padding-inline:var(--space-md);background:var(--color-surface-white);border-top:1px solid var(--color-grid-line);justify-content:space-around;align-items:center;display:flex;position:fixed;inset-inline:0}@media (width>=768px){.bottom-nav-bar{display:none}}.footer-link-group{justify-content:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.footer-link-group .nav-link--footer{opacity:.8;text-decoration:none;transition:color .2s,opacity .2s}.footer-link-group .nav-link--footer:hover{opacity:1}.site-footer{border-top:1px solid var(--color-grid-line);background:var(--color-background);width:100%;margin-top:auto}.site-footer__inner{justify-content:space-between;align-items:center;gap:var(--space-md);max-width:1600px;padding:var(--space-xl) var(--space-lg);flex-direction:column;margin-inline:auto;display:flex}@media (width>=768px){.site-footer__inner{padding-inline:var(--space-xxl);flex-direction:row}}.site-footer__copy{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);margin:0;line-height:1.5}.portfolio-layout{background:var(--color-background);flex-direction:column;min-height:100vh;padding-top:5rem;padding-bottom:5rem;display:flex;position:relative}@media (width>=768px){.portfolio-layout{padding-bottom:0}}.portfolio-layout__grid{z-index:var(--z-grid);pointer-events:none;background-image:linear-gradient(to right, var(--color-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--color-grid-line) 1px, transparent 1px);background-size:25% 25%;position:absolute;inset:0}@media (width>=768px){.portfolio-layout__grid{background-size:8.33333% 8.33333%}}.portfolio-layout__header,.portfolio-layout__bottom-nav{z-index:var(--z-chrome);position:relative}.portfolio-layout__main,.portfolio-layout__footer{z-index:var(--z-content);position:relative}.portfolio-layout__main{width:min(1100px,100% - 2rem);padding-block:var(--space-xl);flex:1;margin-inline:auto}.heading{font-family:var(--font-display);color:var(--color-on-background);margin:0}.heading--hero{font-size:var(--text-hero);font-weight:700;line-height:var(--leading-hero);letter-spacing:-2px}.heading--lg{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-lg)}.heading--md{font-size:var(--text-md);font-weight:600;line-height:var(--leading-md)}.heading--sm{font-size:var(--text-sm);font-weight:600;line-height:var(--leading-sm)}@media (width<=768px){.heading--hero{font-size:var(--text-hero-sm);line-height:var(--leading-hero);letter-spacing:-1px}}.text{font-family:var(--font-mono);margin:0}.text--lg{font-size:var(--text-body-lg);font-weight:400;line-height:1.6}.text--md{font-size:var(--text-body);font-weight:400;line-height:1.5}.text--default{color:var(--color-on-background)}.text--muted{color:var(--color-text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-mono);font-size:var(--text-body);letter-spacing:1px;cursor:pointer;border:1px solid #0000;border-radius:10px;font-weight:600;line-height:1;text-decoration:none;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s;display:inline-flex}.btn--primary{background:var(--color-primary-container);color:var(--color-on-background);box-shadow:0 8px 20px #0000000a}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000014}.btn--secondary{border-color:var(--color-on-background);color:var(--color-on-background);background:0 0}.btn--secondary:hover{background:var(--color-on-background);color:var(--color-surface-white)}.btn--dark{background:var(--color-on-background);color:var(--color-on-secondary)}.btn--dark:hover{background:var(--color-primary-container);transform:translateY(-4px)}.cta-group{gap:var(--space-lg);margin-top:var(--space-xl);flex-direction:column;display:flex}@media (width>=640px){.cta-group{flex-direction:row}}.hero-section{justify-content:center;align-items:flex-start;gap:var(--space-xl);min-height:min(38.625rem,100dvh);padding-top:var(--space-xxxl);flex-direction:column;display:flex;position:relative}.hero-section__title{position:relative}.hero-section__marker{position:absolute;top:0;left:0}.hero-section__headline{text-transform:uppercase;max-width:min(64rem,100%);padding-inline-start:var(--space-md)}.hero-section__subtitle{max-width:min(40rem,100%);padding-inline-start:var(--space-md)}.image{max-width:100%;height:auto;display:block}.section-eyebrow{align-items:center;gap:var(--space-sm);display:flex}.section-eyebrow__label{text-transform:uppercase}.tag{font-family:var(--font-mono);color:var(--color-on-background);background:var(--color-surface-white);border:1px solid var(--color-border-gray);border-radius:.25rem;align-items:center;font-weight:500;display:inline-flex}.tag--sm{font-size:var(--text-nav-label);padding:2px 8px}.tag--md{font-size:var(--text-caption);padding:4px 10px}.tag-list{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.about-section{gap:var(--space-lg);flex-direction:column;display:flex}.about-section__bento{gap:var(--space-gutter);padding:var(--space-gutter);background:var(--color-grid-line);border:1px solid var(--color-grid-line);grid-template-columns:1fr;display:grid}.about-section__cell{background:var(--color-surface-container-lowest);padding:var(--space-lg);flex-direction:column;justify-content:center;display:flex}.about-section__cell--image{min-height:25rem}.about-section__cell--text{gap:var(--space-xl)}.about-section__cell--text .text{max-width:65ch}.about-section__media{background:var(--color-surface-container);width:100%;height:100%;min-height:22.5rem;position:relative;overflow:hidden}.about-section__img{object-fit:cover;mix-blend-mode:multiply;filter:grayscale();opacity:.8;width:100%;max-width:none;height:100%;position:absolute;inset:0}@media (width>=768px){.about-section__bento{grid-template-columns:repeat(12,1fr)}.about-section__cell--image{padding:var(--space-xl);grid-column:span 5}.about-section__cell--text{padding:var(--space-xxxl);grid-column:span 7}}.home{gap:var(--space-section);flex-direction:column;display:flex}.page-intro{gap:var(--space-md);margin-bottom:var(--space-xxl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-grid-line);flex-direction:column;display:flex}.page-intro__lead{max-width:65ch}@media (width>=768px){.page-intro{margin-bottom:var(--space-section)}}.external-hint-icon{color:var(--color-primary-container)}.project-card-index{margin:0 0 var(--space-xs);font-family:var(--font-mono);font-size:var(--text-nav-label);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:500}.project-card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-grid-line)}.project-card-header__title{transition:color .3s}.project-problem-block{gap:var(--space-xs);margin-bottom:var(--space-md);flex-direction:column;display:flex}.project-problem-block__label{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-weight:500}.project-stack-block{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.project-stack-block__label{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-weight:500}.project-stack-block__tags{gap:var(--space-xs);margin-top:0}.card-actions{gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-grid-line);flex-wrap:wrap;margin-top:auto;display:flex}.project-card{height:100%;padding:var(--space-lg);background:var(--color-surface-white);border:1px solid var(--color-grid-line);flex-direction:column;transition:transform .3s;display:flex;position:relative}.project-card:hover{transform:translateY(-4px)}.project-card:hover .project-card-header__title{color:var(--color-primary)}.project-card__hint{padding:var(--space-lg);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;top:0;right:0}.project-card:hover .project-card__hint{opacity:1}.project-card__body{flex-grow:1}.project-grid{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.proyectos{flex-direction:column;display:flex}.category-title{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-grid-line);z-index:1;display:flex;position:relative}.category-title__icon{color:var(--color-primary-container);flex-shrink:0}.skill-item{align-items:center;gap:var(--space-md);padding:var(--space-sm);background:var(--color-surface-white);border:1px solid var(--color-surface-container);color:var(--color-on-surface-variant);font-family:var(--font-mono);font-size:var(--text-body);line-height:1.5;list-style:none;transition:border-color .2s;display:flex}.skill-item:hover{border-color:var(--color-primary-container)}.skill-item__icon{color:var(--color-secondary);flex-shrink:0}.stack-category-card{gap:var(--space-lg);padding:var(--space-lg);background:var(--color-surface-white);border:1px solid var(--color-grid-line);flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}@media (width>=768px){.stack-category-card{padding:var(--space-xl)}}.tech-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000000a}.stack-category-card__deco{color:var(--color-surface-container-high);opacity:.5;z-index:0;pointer-events:none;position:absolute;top:-40px;right:-40px}.stack-category-card__skills{z-index:1;gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:relative}.stack-category-card__skills--grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.stack-category-card__skills--grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.stack-category-card__skills--grid{grid-template-columns:1fr}}.stack-grid{gap:var(--space-xl);margin-bottom:var(--space-section);grid-template-columns:1fr;display:grid}@media (width>=768px){.stack-grid{gap:var(--space-xxl);grid-template-columns:repeat(2,1fr)}.stack-category-card--span-md{grid-column:span 2}}@media (width>=1280px){.stack-grid{grid-template-columns:repeat(3,1fr)}.stack-category-card--span-md{grid-column:auto}}.stack{flex-direction:column;display:flex}.stack .page-intro__lead{background:var(--color-surface-container-low);border:1px solid var(--color-grid-line);max-width:60ch;padding:var(--space-md)}.social-link-row{gap:var(--space-md);flex-direction:column;display:flex}.social-link-row__link{align-items:center;gap:var(--space-md);width:max-content;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-grid-line);color:var(--color-text-secondary);text-decoration:none;transition:border-color .2s,color .2s;display:flex}.social-link-row__link:hover{border-bottom-color:var(--color-on-background);color:var(--color-primary-container)}.social-link-row__icon{color:inherit;flex-shrink:0}.social-link-row__label{font-family:var(--font-mono);font-size:var(--text-ui);letter-spacing:.8px;font-weight:500;line-height:1}.contact-intro{flex-direction:column;justify-content:center;display:flex}.contact-intro__page-intro{margin-bottom:var(--space-xxl);border-bottom:none;padding-bottom:0}.contact-intro__page-intro .page-intro__title{white-space:pre-line}.contact-intro__page-intro .page-intro__lead{max-width:55ch}.input-editorial{box-sizing:border-box;border:none;border-bottom:1px solid var(--color-on-background);width:100%;padding:var(--space-md) 0;font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-on-background);background:0 0;border-radius:0;font-weight:400;line-height:1.5;transition:border-color .3s,box-shadow .3s;display:block}.input-editorial:focus{border-bottom-color:var(--color-primary-container);box-shadow:0 1px 0 0 var(--color-primary-container);outline:none}.input-editorial::placeholder{color:var(--color-text-secondary);opacity:.7}.textarea{resize:none}.label{font-family:var(--font-mono);font-size:var(--text-ui);letter-spacing:.8px;color:var(--color-text-secondary);margin-bottom:var(--space-xs);font-weight:500;line-height:1;display:block}.form-field{flex-direction:column;display:flex}.contact-form{margin-top:var(--space-xl);position:relative}.contact-form__frame{inset:calc(var(--space-md) * -1);border:1px solid var(--color-grid-line);background:var(--color-surface-white);pointer-events:none;z-index:0;position:absolute}.contact-form__form{z-index:1;gap:var(--space-xl);padding:var(--space-lg);background:var(--color-surface-white);flex-direction:column;display:flex;position:relative;box-shadow:0 8px 20px #0000000a}.contact-form__submit{margin-top:var(--space-md);align-self:flex-start}.contact-form__status{font-family:var(--font-mono);font-size:var(--text-caption);margin:0;line-height:1.5}.contact-form__status--ok{color:var(--color-success)}.contact-form__status--error{color:var(--color-error)}@media (width>=768px){.contact-form{margin-top:0}.contact-form__frame{inset:calc(var(--space-lg) * -1)}.contact-form__form{padding:var(--space-xl)}}.contacto{gap:var(--space-lg);grid-template-columns:1fr;display:grid}@media (width>=768px){.contacto{gap:var(--space-xl);grid-template-columns:repeat(12,1fr);align-items:center}.contacto__intro{grid-column:2/span 5}.contacto__form{grid-column:8/span 5}}:root{--color-surface:#f9f9f7;--color-surface-dim:#dadad8;--color-surface-bright:#f9f9f7;--color-surface-container-lowest:#fff;--color-surface-container-low:#f4f4f2;--color-surface-container:#eeeeec;--color-surface-container-high:#e8e8e6;--color-surface-container-highest:#e2e3e1;--color-on-surface:#1a1c1b;--color-on-surface-variant:#5a4137;--color-inverse-surface:#2f3130;--color-inverse-on-surface:#f1f1ef;--color-outline:#8e7165;--color-outline-variant:#e2bfb2;--color-surface-tint:#a43d00;--color-primary:#a43d00;--color-on-primary:#fff;--color-primary-container:#ff6a1a;--color-on-primary-container:#591e00;--color-inverse-primary:#ffb597;--color-secondary:#5f5e5e;--color-on-secondary:#fff;--color-secondary-container:#e2dfde;--color-on-secondary-container:#636262;--color-tertiary:#006494;--color-on-tertiary:#fff;--color-tertiary-container:#00a1eb;--color-on-tertiary-container:#00344f;--color-error:#eb5757;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-primary-fixed:#ffdbcd;--color-primary-fixed-dim:#ffb597;--color-on-primary-fixed:#360f00;--color-on-primary-fixed-variant:#7d2d00;--color-secondary-fixed:#e5e2e1;--color-secondary-fixed-dim:#c8c6c5;--color-on-secondary-fixed:#1c1b1b;--color-on-secondary-fixed-variant:#474746;--color-tertiary-fixed:#cbe6ff;--color-tertiary-fixed-dim:#8ecdff;--color-on-tertiary-fixed:#001e30;--color-on-tertiary-fixed-variant:#004b71;--color-background:#f9f9f7;--color-on-background:#1a1c1b;--color-surface-variant:#e2e3e1;--color-surface-white:#fff;--color-grid-line:#d8d8d8;--color-text-secondary:#555;--color-border-gray:#cfcfcf;--color-accent-hover:#ff7c2f;--color-accent-active:#e65a12;--color-success:#27ae60;--font-display:"Chakra Petch", sans-serif;--font-mono:"IBM Plex Mono", monospace;--space-base:.5rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-xxxl:4rem;--space-section:7.5rem;--space-gutter:1px;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--text-hero:clamp(2.75rem, 5.5vw + 1rem, 5rem);--text-hero-sm:3.25rem;--text-lg:3rem;--text-md:2rem;--text-sm:1.5rem;--text-nav-label:.75rem;--text-body:1rem;--text-body-lg:1.125rem;--text-ui:.9375rem;--text-caption:.875rem;--leading-hero:1.2;--leading-lg:1.2;--leading-md:1.2;--leading-sm:1.2;--leading-body:1.5;--z-grid:0;--z-content:1;--z-chrome:50;--z-overlay:60;font:100%/var(--leading-body) var(--font-mono);color:var(--color-on-background);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{min-height:100vh;line-height:var(--leading-body);margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--color-on-surface);line-height:1.15}a{color:inherit}.btn:focus-visible,.icon-button:focus-visible,.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}