@font-face{font-family:Patua One;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/patuaone/v16/ZXuke1cDvLCKLDcimxB44_lu.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: 2, 129, 223;--color-black: 15, 18, 25;--color-white: 255, 255, 255;--color-gray-100: 247, 247, 249;--color-gray-200: 229, 233, 240;--color-gray-300: 209, 213, 219;--color-gray-400: 156, 163, 175;--color-gray-500: 107, 114, 128;--color-gray-600: 75, 85, 99;--color-gray-700: 55, 65, 81;--color-gray-800: 31, 41, 55;--color-gray-900: 17, 24, 39;--accent: rgb(var(--color-primary));--gray-light: var(--color-gray-200);--gray-dark: var(--color-gray-700);--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--space-half: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-15: 3.75rem;--space-16: 4rem;--space-18: 4.5rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-image: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-card: 0 var(--space-1) var(--space-4) rgba(0, 0, 0, .08), 0 var(--space-3) var(--space-10) rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-card-hover: 0 var(--space-3) var(--space-8) rgba(0, 0, 0, .1), 0 var(--space-6) var(--space-16) rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .05);--aspect-landscape: 16/9;--aspect-balanced: 3/2;--aspect-standard: 4/3;--aspect-square: 1/1;.project-card-media.aspect-16-9{aspect-ratio:var(--aspect-landscape)}.project-card-media.aspect-3-2{aspect-ratio:var(--aspect-balanced)}.project-card-media.aspect-4-3{aspect-ratio:var(--aspect-standard)}.project-card-media.aspect-1-1{aspect-ratio:var(--aspect-square)}--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-negative: -1;--z-elevate: 1;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-popover: 400;--z-maximum: 999;--container-max: 1168px;--container-padding: clamp(1rem, 5vw, 2rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-primary);background:rgb(var(--color-gray-100));color:rgb(var(--color-gray-800));line-height:1.6;font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}main{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-16) var(--container-padding) 0;overflow:visible}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;color:rgb(var(--color-gray-900));line-height:1.2;letter-spacing:-.02em;font-weight:600}h1{font-size:clamp(2.5rem,5vw,var(--font-size-5xl));letter-spacing:-.03em}h2{font-size:clamp(2rem,4vw,var(--font-size-4xl))}h3{font-size:clamp(1.5rem,3vw,var(--font-size-3xl));color:rgb(var(--color-gray-800));margin:var(--space-10) 0 var(--space-4) 0}h4{font-size:clamp(1.25rem,2.5vw,var(--font-size-2xl))}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}strong,b{font-weight:600}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea,input{font-size:16px;width:100%}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:var(--space-half) 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 var(--space-5);margin:0;font-size:1.333em}hr{position:relative;height:4px;border:none;background:#ffffff4d;border-radius:2px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 8px #3232321a;margin:var(--space-8) 0}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.project-card{position:relative;width:100%;border-radius:16px;overflow:hidden;background:rgb(var(--color-white));box-shadow:var(--shadow-card);transform:translateZ(0);backface-visibility:hidden;isolation:isolate;transform-style:preserve-3d;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1)}.project-card-link{display:block;text-decoration:none;color:inherit;width:100%;height:100%;outline:none;position:relative}.project-card-link:focus-visible{outline:3px solid rgb(var(--color-primary));outline-offset:4px;border-radius:18px}.project-card-media{position:relative;width:100%;height:100%;min-height:360px;max-height:500px}.project-card-image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;transition:transform .25s cubic-bezier(.16,1,.3,1)}.project-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 35%,rgba(0,0,0,.5) 100%);opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.project-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-10);transform:translateY(12px);opacity:0;transition:transform .45s cubic-bezier(.16,1,.3,1) 50ms,opacity .45s cubic-bezier(.16,1,.3,1) 50ms;z-index:1}.project-metadata{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1) .1s,opacity .6s cubic-bezier(.16,1,.3,1) .1s}.metadata-tag{display:inline-flex;align-items:center;color:rgb(var(--color-white));font-size:var(--font-size-sm);font-weight:500;background:#00000040;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);letter-spacing:.02em;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.project-title{color:rgb(var(--color-white));font-size:var(--font-size-2xl);font-weight:500;margin:0 0 var(--space-5) 0;line-height:1.3;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.5);transform:translateY(6px);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1) .15s,opacity .6s cubic-bezier(.16,1,.3,1) .15s}.project-card .cta{transform:translateY(4px) scale(.98);opacity:0;transition:transform .6s cubic-bezier(.16,1,.3,1) .2s,opacity .6s cubic-bezier(.16,1,.3,1) .2s,background-color .4s ease,color .4s ease}.project-card:hover,.project-card:focus-within{box-shadow:var(--shadow-card-hover)}.project-card:hover .project-card-image,.project-card:focus-within .project-card-image{transform:scale(1.03)}.project-card:hover .project-card-overlay,.project-card:focus-within .project-card-overlay{opacity:1}.project-card:hover .project-card-content,.project-card:focus-within .project-card-content{transform:translateY(0);opacity:1}.project-card:hover .project-metadata,.project-card:focus-within .project-metadata{transform:translateY(0);opacity:1}.project-card:hover .project-title,.project-card:focus-within .project-title{transform:translateY(0);opacity:1}.project-card:hover .cta,.project-card:focus-within .cta{transform:translateY(0) scale(1);opacity:1}.project-card--disabled .project-card-link--disabled{cursor:default}.project-card--disabled:hover .project-card-image{filter:grayscale(100%)}@media (max-width: 768px){.project-card--disabled .project-card-image{filter:grayscale(100%)}}.project-card--disabled .cta-construct{background:rgb(var(--color-gray-300));color:rgb(var(--color-gray-700));border-color:transparent;box-shadow:none;pointer-events:none}.project-card--disabled .cta-construct:hover{transform:none;background:rgb(var(--color-gray-300));color:rgb(var(--color-gray-700))}@media (prefers-reduced-motion: reduce){.project-card,.project-card-image,.project-card-overlay,.project-card-content,.project-metadata,.project-title,.project-card .cta{transition-duration:.01ms!important;transition-delay:0ms!important}.project-card:hover .project-card-image{transform:scale(1)}}.card h4{color:#333;font-size:2em;font-weight:400;margin:0 0 var(--space-3) 0}.card p{color:#666;font-size:1.1em;font-weight:400;margin:0 0 var(--space-2) 0}.card:last-child{border-bottom:none}.cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-align:center;text-decoration:none;white-space:nowrap;font-family:inherit;cursor:pointer;border:2px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.cta-primary{background:rgb(var(--color-primary));color:rgb(var(--color-white));border-color:rgb(var(--color-primary))}.cta-primary:hover{background:rgba(var(--color-primary),.9);transform:translateY(-2px)}.cta-secondary{background:transparent;color:rgb(var(--color-gray-900));border-color:rgb(var(--color-gray-400))}.cta-secondary:hover{background:rgb(var(--color-gray-100));border-color:rgb(var(--color-gray-600))}.cta-card{background:rgb(var(--color-white));color:rgb(var(--color-gray-900));border-color:transparent}.cta-card:hover{background:rgb(var(--color-gray-100));color:rgb(var(--color-gray-900))}.cta-sm{padding:var(--space-3) var(--space-8);font-size:var(--font-size-base);font-weight:500;border-radius:100px;min-width:140px}.cta-md{padding:var(--space-3) var(--space-8);font-size:var(--font-size-base);font-weight:500;border-radius:12px;min-width:160px}.cta-lg{padding:var(--space-4) var(--space-10);font-size:1.1em;font-weight:600;border-radius:12px;min-width:200px}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-8);width:100%;max-width:100%;margin:var(--space-10) 0 0 0;padding:0}.project-card:nth-child(1){grid-column:span 12}.project-card:nth-child(2){grid-column:span 7}.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:span 5}.project-card:nth-child(5){grid-column:span 7}.project-card:nth-child(6){grid-column:span 12}@media (max-width: 900px){.projects-grid{grid-template-columns:repeat(6,1fr);gap:var(--space-6)}.project-card:nth-child(n){grid-column:span 6}}@media (max-width: 600px){.projects-grid{gap:var(--space-7)}}.site-header,.site-footer{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;background:transparent}.site-header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#fff6;box-shadow:0 8px 32px #1f26871f;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2)}.header-inner{position:relative;width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--container-padding);display:flex;align-items:center;justify-content:space-between}.site-header-title a{font-size:1.3em;font-weight:500;margin:0;color:#000;text-decoration:none;transition:opacity .2s}.site-header-title a:hover{opacity:.7}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-1);background:none;border:none;cursor:pointer;padding:var(--space-2);width:40px;height:40px;z-index:10001;border-radius:6px;transition:background .2s;flex-shrink:0}.hamburger:hover{background:#0000000d}.hamburger:focus-visible{outline:2px solid #0281df;outline-offset:2px}.hamburger .bar{display:block;width:24px;height:2px;background:#333;margin:0;border-radius:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hamburger.open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-dropdown{position:fixed;top:calc(var(--space-16) + var(--space-2));left:var(--container-padding);right:var(--container-padding);transform:translateY(-10px) scale(.95);max-width:var(--container-max);margin:0 auto;padding:var(--space-4);background:#fffffff2;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 var(--space-2) var(--space-8) #0000001a;border-radius:var(--space-3);border:1px solid rgba(0,0,0,.08);flex-direction:column;gap:var(--space-1);z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),visibility .3s;pointer-events:none}.header-dropdown.open{display:flex;opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.header-dropdown .header-link{font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);color:rgb(var(--color-gray-800));text-decoration:none;font-weight:500;display:block;transition:color .2s,background .2s,opacity .2s,transform .2s;border-radius:var(--space-2);opacity:0;transform:translateY(-8px)}.header-dropdown.open .header-link{opacity:1;transform:translateY(0)}.header-dropdown.open .header-link:nth-child(1){transition-delay:.05s}.header-dropdown.open .header-link:nth-child(2){transition-delay:.1s}.header-dropdown.open .header-link:nth-child(3){transition-delay:.15s}.header-link{font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);color:rgb(var(--color-gray-800));text-decoration:none;font-weight:500;display:block;transition:color .2s,background .2s;border-radius:var(--space-2)}.header-link:hover{color:rgb(var(--color-primary));background:rgba(var(--color-primary),.08)}.header-link:focus-visible{outline:2px solid #0281df;outline-offset:2px}.intro-section{display:flex;align-items:flex-start;gap:var(--space-8);padding:var(--space-8);margin:var(--space-8) 0;overflow:visible}.animated-background{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1;pointer-events:none;perspective:1000px;transform:translateZ(0);backface-visibility:hidden;contain:strict}.intro-section>*,.animated-section>*{position:relative;z-index:2}.with-animated-background{position:relative!important;isolation:isolate}.animated-section{position:relative;min-height:400px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-15) var(--space-5);margin:var(--space-10) 0;border-radius:16px;background:#ffffff4d;outline:4px solid rgba(255,255,255,.3);outline-offset:0px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 8px #3232321a}.animated-content{max-width:600px;margin:0 auto}.animated-content h2{margin-bottom:20px;color:var(--accent)}.animated-content p{color:var(--gray-dark);font-size:1.2em;line-height:1.6}.profile-photo{position:relative;width:180px;height:180px;border-radius:16px;object-fit:cover;isolation:isolate;z-index:1;background:#ffffff4d;outline:4px solid rgba(255,255,255,.3);outline-offset:0px;box-shadow:0 4px 8px #3232321a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:translateZ(0)}.intro-title{color:#333;margin:0 0 var(--space-2) 0;font-size:2.5em;font-weight:700}.intro-subtitle{color:#333;font-size:1.3em;margin-bottom:4px;font-weight:500}.intro-text{color:#333;font-size:1.1em}.hr-divider{border:none;margin-bottom:64px}.contact-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:0;padding:var(--space-24) 0;text-align:left}.contact-section h4{font-weight:400;color:#333;margin-bottom:var(--space-6);font-size:3em}.contact-section .contact-desc{color:#666;font-size:1.2em;margin-bottom:var(--space-8)}.footer-column{display:flex;flex-direction:column;gap:var(--space-4)}.footer-column--nav-socials{display:flex;gap:var(--space-4);align-items:flex-end}.footer-column--nav-socials{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end}@media (max-width: 900px){.footer-column--nav-socials{align-items:center}.footer-column--nav-socials .footer-nav{flex-direction:column;align-items:center}.footer-column--nav-socials .footer-socials{justify-content:center}}.footer-column--expand{flex:1 1 auto;display:flex;justify-content:flex-end}.footer-brand .footer-title{font-weight:700;font-size:1rem;color:rgb(var(--color-gray-900));gap:var(--space-2)}.footer-role{font-size:var(--font-size-sm);color:rgb(var(--color-gray-700))}.footer-contact{display:flex;flex-direction:column;font-size:var(--font-size-sm);color:rgb(var(--color-gray-700))}.footer-contact a{color:rgb(var(--color-gray-800));text-decoration:none}.footer-contact a:hover{color:var(--accent)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-end}.footer-nav{display:flex;gap:var(--space-4)}.footer-nav{align-items:center}.footer-link{color:rgb(var(--color-gray-800));text-decoration:none;font-weight:500;font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);border-radius:6px;display:inline-flex;align-items:center;transition:color .2s,background .2s}.footer-link:hover,.footer-link:focus{color:var(--accent);background:rgba(var(--color-primary),.08)}.footer-link:focus-visible{outline:2px solid #0281df;outline-offset:2px;border-radius:6px}.footer-socials{display:flex;gap:var(--space-3);margin-top:var(--space-3)}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:transparent}.social-icon{display:block;width:20px;height:20px}.footer-note{margin-top:var(--space-6);text-align:center;font-size:.95em;color:rgb(var(--color-gray-600))}@media (max-width: 900px){.footer-inner{flex-direction:column;align-items:center;text-align:center}.footer-links,.footer-contact{align-items:center}}#animated-name{display:inline-block}.project-detail{max-width:var(--container-max);margin:0 auto;padding:var(--space-10) 0}.project-detail img{width:100%;border-radius:var(--radius-image);margin-bottom:var(--space-6);border:solid 1px rgb(var(--color-gray-200))}.project-detail h1{font-size:clamp(2rem,4.5vw,2.5em);font-weight:400;margin-bottom:var(--space-8);color:rgb(var(--color-gray-900))}.project-detail p{font-size:1.1em;margin-bottom:var(--space-8);color:rgb(var(--color-gray-800))}.img-caption{display:block;font-size:var(--font-size-sm);color:rgb(var(--color-gray-600));margin-top:calc(var(--space-6) * -1 + var(--space-2));margin-bottom:var(--space-6);font-style:italic;line-height:1.4}.procesos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin:var(--space-6) 0}.procesos-item{display:flex;flex-direction:column}.procesos-item picture{width:100%}.procesos-item .img-caption{margin-top:calc(var(--space-6) * -1 + var(--space-2));margin-bottom:0}@media (max-width: 900px){.procesos-grid{grid-template-columns:1fr;gap:var(--space-4)}}.excerpt-highlight{margin-top:var(--space-8);padding:0 var(--space-6) 0 var(--space-6);background:transparent;color:rgb(var(--color-gray-800));font-style:italic;font-size:1.75em;line-height:1.4;position:relative}.excerpt-highlight:before{content:"“";position:absolute;left:calc(var(--space-6) * -1);top:-6px;font-size:3.5rem;color:rgba(var(--color-primary),.12);line-height:1;font-weight:700}@media (max-width: 900px){.excerpt-highlight{padding:0 var(--space-4);font-size:1em}.excerpt-highlight:before{left:calc(var(--space-4) * -1);font-size:2.5rem}}.project-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:stretch}.project-plan-wrap{width:100%;margin:var(--space-8) 0;background:rgb(var(--color-white));border-radius:var(--space-3);overflow:auto;border:1px solid rgb(var(--color-gray-300));display:flex;flex-direction:column}.project-plan{width:100%;border-collapse:collapse;min-width:0;border:none;table-layout:auto;display:flex;flex-direction:column;height:100%}.project-plan thead th{padding:var(--space-4);text-align:left;font-weight:700;background:rgba(var(--color-primary),.06);color:rgb(var(--color-gray-900));font-size:var(--font-size-base);border-right:1px solid rgb(var(--color-gray-300))}.project-plan thead{flex:0 0 auto}.project-plan tbody{flex:1 1 auto;overflow:auto;display:block}.project-plan tbody tr{display:table;width:100%;table-layout:fixed}.project-plan thead tr{display:block}.project-plan thead th{display:block;width:100%;box-sizing:border-box}.project-plan thead th small{display:block;font-weight:500;font-size:.85em;color:rgb(var(--color-gray-600))}.project-plan td{padding:var(--space-4);border-top:1px solid rgb(var(--color-gray-300));border-right:1px solid rgb(var(--color-gray-300));vertical-align:top;color:rgb(var(--color-gray-800));background:transparent}.project-plan tbody tr td:last-child,.project-plan thead th:last-child{border-right:none}.project-plan tbody tr:last-child td{border-bottom:none}@media (max-width: 900px){.project-plan-grid{grid-template-columns:1fr}.project-plan-wrap{border-radius:var(--space-4)}.project-plan{min-width:0}}.project-plan .cell-title{color:rgb(var(--color-gray-900));font-weight:700;margin-bottom:calc(var(--space-2) / 2);font-size:1rem}.project-plan .cell-desc{color:rgb(var(--color-gray-600));font-size:.95rem;font-weight:500}@media (max-width: 900px){.project-plan{min-width:0}.project-plan thead th{font-size:.95em}.project-plan{table-layout:auto}.project-plan thead th{width:auto}}.back-arrow{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:20px;text-decoration:none;font-size:1em;font-weight:400;color:rgb(var(--color-gray-800));padding:var(--space-2) var(--space-4) var(--space-2) var(--space-2);border-radius:var(--space-2);transition:color .2s,background .2s}.back-arrow svg{display:inline-block;width:24px;height:24px;vertical-align:middle;fill:none;stroke:currentColor}.back-arrow:hover{background:rgba(var(--color-primary),.08);color:rgb(var(--color-primary))}.back-arrow:focus-visible{outline:2px solid #0281df;outline-offset:2px}@media (max-width: 900px){.hamburger{display:flex!important}.header-nav{display:none!important}.header-inner{padding:var(--space-3) var(--space-6);justify-content:space-between;width:100%}.site-header-title a{font-size:1em;font-weight:700;margin:0;color:#000}body,main{padding-top:48px}.profile-photo{width:80px;height:80px}.intro-section{flex-direction:column;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-12);padding:0}.intro-title{font-size:2.2em;line-height:1.3;margin-bottom:var(--space-2)}.intro-subtitle{font-size:1.2em;margin-bottom:12px}.intro-text{font-size:1.05em;line-height:1.6}.hr-divider{margin-bottom:32px}.metadata-tag{display:none}.projects-grid{grid-template-columns:repeat(6,1fr)}.project-card:nth-child(n){grid-column:span 6}.project-card{max-width:100%;cursor:default;border-radius:var(--space-4);box-shadow:var(--shadow-card)}.project-card:hover{transform:none}.project-card-overlay{position:absolute;inset:0;background:none;opacity:1;pointer-events:auto;border-radius:var(--space-4);overflow:hidden;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.project-card-overlay:before{content:"";position:absolute;bottom:0;left:0;right:0;height:75%;background:linear-gradient(to top,rgba(5,5,10,.5) 0%,rgba(5,5,10,.4) 50%,transparent 100%);border-radius:0 0 var(--space-4) var(--space-4);z-index:0;pointer-events:none}.project-card-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-6);opacity:1!important;transform:translateY(0)!important;z-index:1}.project-metadata{opacity:1!important;transform:translateY(0)!important}.project-title{opacity:1!important;transform:translateY(0)!important;font-size:1.25rem;margin-bottom:var(--space-4)}.project-card-media[class*=aspect-]{aspect-ratio:var(--aspect-standard);width:100%;height:auto;min-height:0;max-height:none}.project-card .cta{padding:var(--space-2) var(--space-4);font-size:.75rem;opacity:1!important;transform:translateY(0) scale(1)!important}.project-card-title{font-size:1.35em!important;margin-bottom:var(--space-2)!important;opacity:1!important}.project-card-description{font-size:.95em!important;opacity:1!important;max-height:none!important}.project-card-tags,.project-card-link,.project-card-year{opacity:1!important}.card,.card-reverse{flex-direction:column!important;gap:var(--space-4);align-items:stretch;padding:var(--space-6) var(--space-6) var(--space-10) var(--space-6)}.card-image{width:100%;min-width:0;margin-bottom:12px;order:-1}.card-content{margin:0;width:100%;min-width:0}.card a{width:100%}.project-detail{margin-left:0;margin-right:0;padding:0 0 var(--space-10) 0}.project-detail .back-arrow{padding:var(--space-2) var(--space-4) var(--space-2) 0px}.contact-section{min-height:80vh;padding:var(--space-16) 0}.contact-section h4{font-size:2.2em;margin-bottom:var(--space-5)}.contact-section .contact-desc{margin-bottom:var(--space-6)}.cta-lg{width:70vw;min-width:0}.padding-flojo{padding:0px var(--space-6)}}.sobre-mi-vertical{flex-direction:column;align-items:left;gap:var(--space-8);text-align:left}.sobre-mi-vertical .intro-subtitle{font-size:1.5em;margin-bottom:16px}.sobre-mi-vertical .intro-text{font-size:1.1em;margin:0 auto}@media (max-width: 428px){.header-inner{padding:var(--space-2) 4vw}.intro-title{font-size:2em}.intro-subtitle{font-size:1.25em}.intro-text{font-size:1.1em}}.header-nav{display:flex;gap:var(--space-4);align-items:center;margin-left:auto}.header-nav .header-link{padding:var(--space-2) var(--space-4);font-size:1.05em}.image-modal-backdrop{position:fixed;z-index:3000;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s}.image-modal-img{max-width:96vw;max-height:90vh;border-radius:16px;box-shadow:0 8px 32px #00000040;background:#fff;object-fit:contain}.modal-media-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffb3;border:none;font-size:2.2em;color:#333;border-radius:50%;width:48px;height:48px;cursor:pointer;z-index:10;transition:background .2s;user-select:none}.modal-prev{left:16px}.modal-next{right:16px}.modal-nav:hover{background:#fff}@media (max-width: 600px){.modal-nav{font-size:1.5em;width:36px;height:36px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 900px){.projects-grid .project-card .project-card-media[class*=aspect-]{aspect-ratio:var(--aspect-standard);width:100%;height:auto;min-height:0;max-height:none}}.site-footer{width:100%;max-width:var(--container-max);margin:0 auto var(--space-6) auto;padding:var(--space-8);border-radius:var(--space-4);background:rgb(var(--color-white));box-shadow:var(--shadow-card);position:relative;z-index:var(--z-sticky);color:rgb(var(--color-gray-800))}.footer-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0;display:flex;gap:var(--space-8);align-items:flex-start;justify-content:space-between}.site-footer{background:#fff6;border-top:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26871f;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%)}@media (max-width: 900px){.site-footer{width:100vw;max-width:none;margin:0;left:50%;right:50%;transform:translate(-50%);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 4px 12px #0000000f;padding:var(--space-2)}.footer-inner{width:100%;max-width:none;padding:var(--space-4) var(--container-padding);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);justify-content:center}}@media (max-width: 900px){.footer-nav{display:none}}#animation-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}@media (prefers-reduced-motion: reduce){#animation-container{display:none}}