@import "https://fonts.googleapis.com/css2?family=Megrim&family=Zen+Kaku+Gothic+Antique:wght@300;400;500;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-size:clamp(12px,1vw,16px);line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}:root{--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--heading-sm:clamp(1.75rem, 2.5vw, 2.5rem);--heading-md:clamp(2.25rem, 4vw, 4rem);--heading-lg:clamp(3rem, 7vw, 7rem);--display:clamp(4rem, 9vw, 10rem)}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.text-primary{color:var(--Primary)}.text-secondary{color:var(--Secondary)}.text-black{color:var(--Black)}.text-accent{color:var(--Accent)}.text-white{color:var(--White)}.hidden{margin:0;padding:0;display:none}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.bold-text{font-weight:900}.thin-text{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fs-xs{font-size:var(--text-xs)}.fs-s{font-size:var(--text-sm)}.fs-m{font-size:var(--text-base)}.fs-l{font-size:var(--text-lg)}.fs-xl{font-size:2em}.fs-xxl{font-size:3em}.subtitle-size{font-size:var(--heading-md)}h1{font-size:var(--heading-lg)}h2{font-size:var(--heading-md)}h3{font-size:var(--heading-sm)}.m-0{margin:0}.m-sm{margin:.5rem}.m-1{margin:1rem}.m-2{margin:1.25rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.m-5{margin:3rem}.mb-sm{margin-bottom:.5rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:1.25rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mb-xl{margin-bottom:4rem}.p-1{padding:1rem}.p-2{padding:1.25rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}.p-0{padding:0}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:1.25rem}.pb-3{padding-bottom:1.5rem}.pb-4{padding-bottom:2rem}.pb-5{padding-bottom:3rem}.bg-light-blue{background-color:var(--Bg-light-blue)}.bg-dark-grey{background:var(--Primary)}.greyscale{filter:grayscale();transition:filter .3s}.low-saturation{filter:saturate(50%);transition:filter .3s}.low-saturation:hover.hover-effect{filter:saturate(75%)}.greyscale:hover.hover-effect{filter:none}.zoom-effect:hover{transform:scale(1.2)}.d-flex{min-width:0;display:flex}.wrap{flex-wrap:wrap}.nowrap{flex-wrap:nowrap}.d-flex.column{flex-direction:column}.d-flex.justify-center{justify-content:center}.d-flex.justify-start{justify-content:start}.d-flex.justify-end{justify-content:end}.d-flex.justify-between{justify-content:space-between}.d-flex.justify-around{justify-content:space-around}.d-flex.align-center{align-items:center}.d-flex.align-start{align-items:start}.d-flex.align-end{align-items:end}.gap-1{gap:1rem}.gap-2{gap:1.25rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.d-grid{display:grid}.d-grid.columns-2{grid-template-columns:repeat(2,1fr)}.d-grid.columns-3{grid-template-columns:repeat(3,1fr)}.d-grid.columns-4{grid-template-columns:repeat(4,1fr)}.d-grid.span-right{grid-template-columns:1fr 1.5fr}@media (width<=968px){.d-grid{display:grid}.hide-sm{overflow:hidden}.d-grid.columns-2,.d-grid.columns-3,.d-grid.columns-4,.d-grid.span-right{grid-template-columns:1fr}}@media (width<=400px){.d-grid.columns-2,.d-grid.columns-3,.d-grid.columns-4,.d-grid.span-right{grid-template-columns:1fr}}.embla{--slide-height:19rem;--slide-spacing:1rem;--slide-size:100%;padding:1rem}.embla__viewport{overflow:hidden}.embla__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1);display:flex}.embla__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);position:relative;transform:translate(0,0)}.embla__slide:after{background-color:var(--Primary);border-radius:50%;width:200px;position:absolute;top:0;left:50%}.embla-thumbs{--thumbs-slide-spacing:.8rem;--thumbs-slide-height:6rem;margin-top:var(--thumbs-slide-spacing)}.embla-thumbs__viewport{overflow:hidden}.embla-thumbs__container{margin-left:calc(var(--thumbs-slide-spacing) * -1);min-height:var(--thumbs-slide-height);flex-direction:row;display:flex}.embla-thumbs__slide{width:65px;min-width:0;min-height:65px;padding-left:var(--thumbs-slide-spacing);flex:0 0 22%}@media (width<=768px){.embla-thumbs__slide{flex:0 0 15%}.embla-thumbs__container{justify-content:center;align-items:center}}.embla-thumbs__slide__number{-webkit-tap-highlight-color:rgba(var(--Black), .5);appearance:none;touch-action:manipulation;cursor:pointer;border:.2rem solid var(--Black);height:var(--thumbs-slide-height);background-position:50%;background-size:cover;border-radius:1.8rem;justify-content:center;align-items:center;width:100%;margin:0;padding:0;display:flex;overflow:hidden}.embla-thumbs__slide__title{color:var(--Black);text-align:center;margin:0;padding:.3em 0 0;font-family:Garet,sans-serif;font-size:1rem;font-weight:400}.embla-thumbs__slide--selected .embla-thumbs__slide__number{border:.2rem solid var(--Accent)}@view-transition{navigation:auto}:root{--Primary:#2b2b2b;--Secondary:#d9d9d9;--Black:#000;--Accent:#2bd70a;--White:#fff;--Bg-light:#f2f2f2;--Overlay:#000c;--bg-dark-grey:#3f3f3f;--Bg-light-blue:#f9fafd80;--Text-shadow-accent:none;--Bg-radial-gradient:radial-gradient(circle, #ffffff4d 15%, #cccccc80 50%, #fff3 100%);--content-max-width:1550px;--content-padding:clamp(1rem, 4vw, 2rem);--section-padding-y:clamp(2.5rem, 3vw, 4rem);--transition-fast:.3s ease;--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--Primary:#d9d9d9;--Secondary:#2b2b2b;--Black:#000;--Accent:#2bd70a;--White:#fff;--Bg-light:radial-gradient(circle,#2e2e2e 0%, #525252 100%);--Overlay:#000c;--bg-dark-grey:#2e2e2e;--Bg-light-blue:#f9fafd80;--Text-shadow-accent:-1px 1px 15px var(--Accent);--Bg-radial-gradient:radial-gradient(circle, #0000004d 15%, #00000080 50%, #0003 100%)}html{scroll-behavior:smooth}html,body{min-height:100%;color:var(--Primary);font-size:100%}@font-face{font-family:Garet;src:url(/assets/Garet-Heavy-D-izidQm.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Garet-Book;src:url(/assets/Garet-Book-kasf4BiM.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.garet-splash{letter-spacing:-.09em;font-family:Garet,sans-serif}.garet-title{font-family:Garet,sans-serif}.garet-normal{font-family:Garet-Book,sans-serif}.zen-new{font-family:Zen Kaku Gothic New,sans-serif;font-style:normal}.zen-antique{font-family:Zen Kaku Gothic Antique,sans-serif;font-style:normal}.megrim{letter-spacing:.5em;font-family:Megrim,system-ui;font-style:normal}.inter-text{font-family:Inter,sans-serif;font-style:normal}::view-transition-group(logo-block){animation-duration:.75s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(logo-block){height:auto;overflow:visible}::view-transition-new(logo-block){height:auto;overflow:visible}::view-transition-group(main-nav){animation-duration:.75s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(main-nav){overflow:visible}::view-transition-new(main-nav){overflow:visible}::view-transition-group(about-image){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(about-image){object-fit:cover;overflow:visible}::view-transition-new(about-image){object-fit:cover;overflow:visible}::view-transition-group(projects-image){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(projects-image){object-fit:cover;overflow:visible}::view-transition-new(projects-image){object-fit:cover;overflow:visible}::view-transition-group(contact-image){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(contact-image){object-fit:cover;overflow:visible}::view-transition-new(contact-image){object-fit:cover;overflow:visible}::view-transition-old(pageTitle){animation-duration:.75s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(pageTitle){animation-duration:.75s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(pageTitle){animation:.75s cubic-bezier(.4,0,.2,1) forwards slideOutUp}::view-transition-new(pageTitle){animation:.75s cubic-bezier(.4,0,.2,1) forwards slideInDown}@keyframes slideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50%)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] #root{background:var(--Bg-light)}.header{background:var(--Bg-light);box-sizing:border-box;flex-direction:column;align-items:center;gap:2rem;padding:1.5rem clamp(1rem,8.5vw,9.4rem);transition:background .1s ease-in;display:flex}[data-theme=dark] .header{background:0 0}.header-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.container{padding-block:var(--section-padding-y);background-color:var(--bg-dark-grey);flex-flow:column wrap;justify-content:center;align-items:center;gap:2rem;transition:all .3s ease-in;display:flex}[data-theme=dark] .container{background-color:#0000}.wrapper{width:100%;max-width:var(--content-max-width);padding-inline:var(--content-padding);box-sizing:border-box;margin-inline:auto;transition:all .3s ease-in}.section-title,.page-section-title{view-transition-name:pageTitle;color:var(--Primary);transition:all .3s ease-in}.nav-logo{contain:layout;flex-direction:column;align-items:center;display:flex;view-transition-name:logo-block!important}.nav-logo p{color:var(--Primary);font-size:1.25em;transition:color .2s ease-in}.logo{letter-spacing:-.15em;color:var(--Primary);font-family:Garet,sans-serif;font-size:clamp(4.5em,6vw,7.5em);transition:color .2s ease-in}.header nav{contain:paint;view-transition-name:main-nav!important}.home-header-section{flex-direction:column;justify-content:center}.home-nav-logo{font-size:1rem}.home-nav{opacity:0;pointer-events:none;position:absolute;transform:translateY(-10px)}.page-header-section{justify-content:space-between}.page-nav-logo{font-size:.7em}.page-nav{opacity:1;pointer-events:auto;position:relative;transform:translateY(0)}.cards-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;display:grid}.card-home{cursor:pointer;background:var(--Bg-light);color:var(--Primary);flex-direction:column;align-items:center;display:flex}.card-home:hover{color:var(--Accent);text-shadow:var(--Text-shadow-accent);border-color:var(--Bg-light-blue)}.card-home-image{width:100%;margin:0}.card-image-wrapper{aspect-ratio:1;width:100%;transition:transform .5s;position:relative}.card-image-wrapper:after{content:"";pointer-events:none;z-index:1;transition:box-shadow .4s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 20px 10px #0003}.card-home:hover .card-image-wrapper:after{box-shadow:inset 0 0 #0000}.card-home-image img{object-fit:cover;width:100%;height:100%;display:block}.card-home-image figcaption{text-align:center;padding:1.5rem}.card-about,.card-projects,.card-contact .card-image-wrapper{overflow:visible}.card-about .card-image-wrapper img{contain:paint;view-transition-name:about-image!important}.card-projects .card-image-wrapper img{contain:paint;view-transition-name:projects-image!important}.card-contact .card-image-wrapper img{contain:paint;view-transition-name:contact-image!important}.link{color:var(--Primary);transition:color var(--transition-fast);font-weight:400;text-decoration:none}.link:hover,.link.active{cursor:pointer;color:var(--Accent);text-shadow:var(--Text-shadow-accent);font-weight:500}.btn{cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);padding:.5em 2em;font-size:1.25rem;font-weight:500;text-decoration:none;display:inline-block}.btn.btn-primary{background-color:var(--Primary);color:var(--Secondary);border:1px solid var(--Primary);border-radius:64px;transition:all .3s ease-in}.btn:hover{background-color:var(--Bg-light);color:var(--Accent);text-shadow:var(--Text-shadow-accent);border:1px solid var(--Accent)}.about{gap:0}.about-image{aspect-ratio:1;width:100%}.about-image img{object-fit:cover;contain:paint;width:100%;height:100%;display:block;view-transition-name:about-image!important}.about-text{flex-direction:column;justify-content:center;align-items:start;gap:1.5rem;padding:clamp(1rem,4vw,3rem);display:flex}.projects{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:100%;padding:clamp(0rem,2vw,1rem);display:flex}.background-blur{isolation:isolate;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);position:relative}.background-blur:before{content:"";z-index:-1;background:var(--Bg-radial-gradient);position:absolute;inset:0}.projects-image{aspect-ratio:1/2;width:100%}.projects-image img{object-fit:cover;contain:paint;width:100%;height:100%;display:block;view-transition-name:projects-image!important}.imagen-proyecto{z-index:-1;aspect-ratio:16/9;flex-direction:column;justify-content:space-around;align-items:start;width:100%;display:flex;position:absolute}.imagen-proyecto img{object-fit:cover;width:100%;height:100%;display:block}.slide{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px)}.contact-text{flex-direction:column;place-content:center;align-items:center;gap:1.5rem;padding:clamp(1rem,4vw,3rem);display:flex}.contact-image img{object-fit:cover;contain:paint;width:100%;height:100%;display:block;view-transition-name:contact-image!important}.formulario-contacto{flex-direction:column;align-items:flex-start;gap:1rem;width:100%;max-width:500px;display:flex}.formulario-contacto label{flex-direction:column;gap:.8rem;min-width:75%;max-width:90%;display:flex}.formulario-contacto input,.formulario-contacto textarea{border:1px solid var(--Secondary);border-radius:4px;width:100%;padding:.5em;font-size:1em}.formulario-contacto textarea{resize:vertical;min-height:100px}.footer{background-color:var(--Secondary);color:var(--Primary);justify-content:center;align-items:center;min-height:125px;padding:1rem;display:flex}.footer-display{flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;display:flex}.logo-footer{letter-spacing:-.15em;color:var(--Primary);font-family:Garet,sans-serif;font-size:clamp(3.5em,4vw,4.2em);font-weight:300}.footer-logo{flex-direction:column;align-items:start;display:flex}.button-theme{color:var(--Primary);background-color:var(--Secondary);border:none;border-radius:.8rem;padding:.5em;position:absolute;top:.5rem;right:.5rem}.button-theme:hover{box-shadow:2px 4px 15px var(--Primary);transform:translate(-5%,5%)}.splash{background-color:var(--Bg-light-blue);z-index:9999;justify-content:center;align-items:center;animation:.5s ease-out 3.5s forwards splashOut;display:flex;position:fixed;inset:0}.splash-hidden{display:none}.logo-box{background:var(--White);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);grid-template-areas:".letters-container."".letters-container."". . .";align-items:center;width:200px;height:200px;display:grid;position:relative;overflow:hidden}.letters-container{grid-area:letters-container;position:relative}.letter{color:var(--Primary);font-size:7.5rem;position:absolute}.a{animation:.4s ease-out forwards slideA;transform:translate(-155px,-65px)}.t{animation:.4s ease-out .6s forwards slideT;transform:translate(130px,-7px)}.g{animation:.4s ease-out .8s forwards slideG;transform:translate(-46px,120px)}@keyframes slideA{to{transform:translate(-45px,-65px)}}@keyframes slideT{to{transform:translate(20px,-7px)}}@keyframes slideG{to{transform:translate(-46px,17px)}}.line{background:var(--Primary);position:absolute}.top{width:0;height:10px;animation:.3s ease-out 1s forwards drawTop;top:0;left:0}.right{width:10px;height:0;animation:.3s ease-out 1.3s forwards drawRight;top:0;right:0}.bottom{width:0;height:10px;animation:.3s ease-out 1.6s forwards drawBottom;bottom:0;right:0}.left{width:10px;height:0;animation:.3s ease-out 1.9s forwards drawLeft;bottom:0;left:0}@keyframes drawTop{to{width:100%}}@keyframes drawRight{to{height:100%}}@keyframes drawBottom{to{width:100%}}@keyframes drawLeft{to{height:100%}}@keyframes splashOut{to{opacity:0;visibility:hidden;pointer-events:none}}@media (width<=968px){.about-image{aspect-ratio:16/9}.projects-image img{object-fit:cover}.contact-text{order:-1}.imagen-proyecto{width:100%}.cards-container{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1rem;padding:.5rem;display:grid}.footer-display,.page-header-section{flex-direction:column}}@media (width<=600px){.cards-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:.5rem;display:grid}}.form-container{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);isolation:isolate;box-sizing:border-box;color:var(--Primary);flex-direction:column;gap:.5rem;padding:clamp(1em,1.5vw,2em);display:flex;position:relative}.form-container:after{content:"";z-index:-1;background:var(--Bg-radial-gradient);position:absolute;inset:0}.contact-form{flex-direction:column;gap:.5em;display:flex}.contact-form-label{color:var(--Primary);flex-direction:column;gap:.5rem;width:clamp(90%,10em,75%);padding:.5em;display:flex}.contact-form-input{box-shadow:1px 1px 10px var(--Primary);background:var(--Bg-light);color:var(--Primary);padding:.5em 1em;font-size:1em}.contact-form-textarea{min-height:7em;box-shadow:1px 1px 10px var(--Primary);background:var(--Bg-light);color:var(--Primary);padding:.5em 1em;font-size:1em}.contact-social-container{-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);isolation:isolate;box-sizing:border-box;color:var(--Primary);flex-direction:column;justify-content:start;gap:1rem;padding:clamp(1em,1.5vw,2em);display:flex;position:relative}.contact-social-container:after{content:"";z-index:-1;background:var(--Bg-radial-gradient);position:absolute;inset:0}.social-cards-container{flex-flow:column;justify-content:space-around;align-self:center;gap:1rem;min-width:60%;min-height:50%;margin:auto 0;display:flex}@media (width<=600px){.social-cards-container{grid-template-columns:1fr}}.social-card{color:var(--Primary);-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);isolation:isolate;border-radius:1rem;flex-flow:row;justify-content:space-evenly;align-items:stretch;gap:1em;padding:.8rem;transition:all .3s ease-in;display:flex;position:relative;overflow:hidden}.social-card:after{content:"";z-index:-1;background:radial-gradient(circle,#3b3b3b00 0%,#f2f2f240 100%);position:absolute;inset:0}[data-theme=dark] .social-card:after{background:var(--Bg-light)}.social-network{justify-content:space-evenly;align-items:center;gap:10px;width:100%;display:flex}.social-name{text-align:center;justify-content:center;align-self:center;align-items:center;gap:1em;margin-bottom:10px;font-size:1.5em;font-weight:700;display:flex}.social-icon{justify-content:center;align-items:center;width:72px;transition:all .3s;display:flex}.social-icon svg{transform-origin:100% 0;transition:all .3s}.social-phrase p{opacity:0;height:0;transition:height .3s ease-in,opacity .35s ease-in}.link-arrow{opacity:0;transition:all .35s;transform:translate(-5px,5px)}.social-card:hover{box-shadow:0 4px 8px 0 rgb(from var(--Primary) r g b / .25), 0 6px 20px 0 rgba(from var(--Primary) r g b / .3);transform:scale(1.05)}.social-card:hover .link-arrow{opacity:1;transform:translate(0)}.social-card:hover .social-phrase p{opacity:1;height:100%}.social-card:hover .social-icon svg{transform:scale(1.5)translate(-33%)}