@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..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";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}html{background-color:var(--background-color);font-size:16px;overflow-x:hidden}body main{background-color:var(--background-color);color:var(--text-color);display:flex}body main .main-content{position:relative;flex-grow:1;display:flex;flex-direction:column;align-items:center;gap:15rem}body main .main-content section{width:80%;max-width:1000px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);transition:all .3s ease}body main .main-content section .section-header p{margin-bottom:var(--spacing-xs)}body main .main-content .section-after-movil-header{margin-top:0}img{object-fit:cover;object-position:center;display:block}button,a{-webkit-tap-highlight-color:transparent;color:var(--text-color)}:root{--brand-color: #D95335;--background-color: #181818;--background-secondary-color: #1D1D1D;--text-color: #EEEEEE;--text-secondary-color: #656565;--text-tertiary-color: #36373D;--divider-dark-color: #262626;--divider-middle-color: #36373D;--tag-background-color: #262626;--input-background-color: #222222;--input-background-focus-color: #292929;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2.5rem;--font-main: "Roboto", sans-serif;--font-secondary: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 4rem;--spacing-4xl: 10rem;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--movile-breakpoint: 768px;--tablet-breakpoint: 1100px}button{cursor:pointer;border:none;background-color:transparent;transition:all .3s ease}.main-button{width:fit-content;padding:var(--spacing-sm) var(--spacing-md);background-color:#fff;color:#000;font-family:var(--font-main);font-size:var(--font-size-md);font-weight:500}.main-button svg{stroke:#000}.main-button:hover{transform:translateY(-2px);opacity:.9}.main-button:disabled{opacity:.6}.secondary-button{width:fit-content;padding:var(--spacing-sm) var(--spacing-md);border:.5px solid #333;font-family:var(--font-main);font-size:var(--font-size-md);font-weight:300}.secondary-button svg{stroke:var(--text-color)}.secondary-button:hover{border:.5px solid var(--text-color);transform:translateY(-2px);opacity:.9}.button-with-icon{width:fit-content;display:flex;align-items:center;gap:var(--spacing-sm);transition:all .3s ease;font-family:var(--font-secondary);font-size:var(--font-size-md);font-weight:500}.button-with-icon svg{width:var(--font-size-md);height:var(--font-size-md);transition:all .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--text-color)}p,span,a,li,label{font-family:var(--font-secondary)}.title-text{font-weight:500;font-size:var(--font-size-3xl);color:var(--text-color)}.header-text{font-weight:500;font-size:var(--font-size-2xl);color:var(--text-color)}.body-text{font-weight:300;font-size:var(--font-size-md);color:var(--text-color)}.opaque-text{font-weight:300;font-size:var(--font-size-md);color:var(--text-secondary-color)}.muted-text{font-weight:700;font-size:var(--font-size-md);color:var(--text-tertiary-color)}.small-text{font-weight:300;font-size:var(--font-size-sm);color:var(--text-secondary-color)}.paragraph-text{font-weight:200;font-size:var(--font-size-md);color:var(--text-color);line-height:1.6}.overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#00000080;z-index:10;opacity:0;visibility:hidden;transition:all .3s ease}.overlay.active{opacity:1;visibility:visible}.tabs{display:flex;position:relative;box-shadow:inset 0 -1px 0 0 var(--divider-middle-color)}.tabs button{color:var(--text-secondary-color);padding:0 var(--spacing-xs) var(--spacing-xs);border-bottom:1px solid transparent}.tabs button svg{stroke:var(--text-secondary-color);fill:none}.tabs button:hover{color:var(--text-color);border-bottom:1px solid var(--text-secondary-color)}.tabs button:hover svg{stroke:var(--text-color)}.tabs .active{color:var(--text-color);border-bottom:1px solid var(--text-color)}.tabs .active svg{stroke:var(--text-color)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;transition:all .3s ease}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary-color);transition:all .3s ease}.form-group input,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--input-background-color);border:none;border-radius:var(--border-radius-xs);color:var(--text-color);font-family:var(--font-secondary);font-size:var(--font-size-md);transition:all .3s ease}:is(.form-group input,.form-group textarea):focus{outline:none;background-color:var(--input-background-focus-color)}.form-group textarea{resize:none}.form-group .error-message{font-family:var(--font-secondary);font-size:var(--font-size-sm);color:#b42f3a;transition:all .3s ease;transform:translateY(-6px)}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:hover,.form-group input:-webkit-autofill:focus,.form-group textarea:-webkit-autofill,.form-group textarea:-webkit-autofill:hover,.form-group textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px var(--input-background-color) inset!important;-webkit-text-fill-color:var(--text-color)!important;transition:background-color 5000s ease-in-out 0s}@media(max-width:1100px){html{font-size:14px}body main .main-content section{width:100%}body main .main-content .section-after-movil-header{margin-top:var(--spacing-2xl)}}@media(max-width:768px){body main .main-content section .section-header{display:flex;flex-direction:column;align-items:center}.tabs button{padding-left:var(--spacing-xs)!important;padding-right:var(--spacing-xs)!important}}.sidebar{width:20rem;min-width:20rem;height:100dvh;position:sticky;top:0;background-color:var(--background-secondary-color);transition:all .3s ease}.sidebar .sidebar-header{padding:var(--spacing-lg) var(--spacing-lg) 0;margin-bottom:6rem;display:flex;flex-direction:column;gap:.25rem}.sidebar ul{width:100%;list-style:none;display:flex;flex-direction:column;gap:2rem}.sidebar ul li{width:100%}.sidebar ul li a{display:block;text-decoration:none;width:100%;padding:0 var(--spacing-lg);border-left:4px solid transparent;border-right:22px solid transparent;font-size:var(--font-size-xl);color:var(--text-color);transition:all .3s ease;font-weight:200}.sidebar ul li .active{color:var(--brand-color);border-left:4px solid var(--brand-color);border-right:22px solid var(--brand-color)}.sidebar .sidebar-footer{position:absolute;bottom:0;width:100%;padding:var(--spacing-lg)}.sidebar .sidebar-footer .what-i-do{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.sidebar .sidebar-footer .what-i-do .body-text{grid-column:span 2}.sidebar .sidebar-footer .sidebar-actions{display:flex;align-items:center;justify-content:space-between}.sidebar .sidebar-footer .sidebar-actions .social-networks{display:flex;gap:var(--spacing-md)}.sidebar .sidebar-footer .sidebar-actions .social-networks button{padding:0}.sidebar .sidebar-footer .sidebar-actions .social-networks button svg{fill:#fff;width:1.25rem;height:1.25rem;transition:all .3s ease;opacity:.7}.sidebar .sidebar-footer .sidebar-actions .social-networks button:hover svg{opacity:1}.sidebar .sidebar-footer .sidebar-actions .languaje-switcher{display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar .sidebar-footer .sidebar-actions .languaje-switcher button{background:none;cursor:pointer;transition:all .3s ease;opacity:.7}.sidebar .sidebar-footer .sidebar-actions .languaje-switcher button:hover{opacity:1}.sidebar .sidebar-footer .sidebar-actions .languaje-switcher span{cursor:default}.sidebar .sidebar-footer .sidebar-actions .languaje-switcher .active{font-weight:700;color:#000;background-color:#fff;padding:.2rem;border-radius:var(--border-radius-sm);opacity:1}.movil-header{position:absolute;padding-top:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transition:all .1s ease;z-index:1}.movil-header .hamburger-menu-button{width:2rem;height:2rem;display:flex;flex-direction:column;justify-content:space-around}.movil-header .hamburger-menu-button div{width:100%;height:1.5px;background-color:var(--text-color);border-radius:2px}footer{width:100%;display:flex;flex-direction:column;align-items:center}footer .footer-hero{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}footer .footer-hero .footer-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}footer .footer-hero .footer-background div{width:100%;height:100%}footer .footer-hero .footer-background div img{width:100%;height:100%;object-fit:cover}footer .footer-hero .hero-content{position:relative;display:grid;gap:var(--spacing-lg);grid-template-columns:auto 1fr;justify-items:end;padding-bottom:var(--spacing-xl)}footer .footer-hero .hero-content .info-about-me{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:flex-end}footer .footer-hero .hero-content .Call-to-action{max-width:28rem;background-color:#fff;padding:calc(var(--spacing-2xl) * 1.2) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:flex-start;transform:translateY(calc(var(--spacing-xl) + 3rem))}footer .footer-hero .hero-content .Call-to-action h4{font-weight:700;font-size:var(--font-size-2xl);color:var(--background-color)}footer .footer-hero .hero-content .Call-to-action p{font-weight:200;font-size:var(--font-size-md);color:#4d4d4d}footer .footer-hero .hero-content .Call-to-action button a{font-weight:400;font-size:var(--font-size-md);color:var(--background-color)}footer .footer-social-networks{display:flex;gap:3.25rem;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}footer .footer-social-networks button{padding:0}footer .footer-social-networks button svg{fill:var(--text-color);width:2.25rem;height:2.25rem;transition:all .3s ease}@media(max-width:1100px){.sidebar{position:fixed;transform:translate(-100%);z-index:20}.sidebar.active{transform:translate(0)}.movil-header{opacity:1;visibility:visible}footer .footer-hero .hero-content{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;text-align:center}footer .footer-hero .hero-content .Call-to-action{padding:var(--spacing-xl) var(--spacing-lg);transform:translateY(0);align-items:center}footer .footer-social-networks{justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tabbed-section .section-header{margin-bottom:var(--spacing-lg)}.tabbed-section .tabs-wrapper{position:relative;margin-bottom:var(--spacing-lg);width:100%;max-width:calc(100vw - (var(--spacing-lg) * 2));overflow:hidden}.tabbed-section .tabs-wrapper:before,.tabbed-section .tabs-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:80px;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:2}.tabbed-section .tabs-wrapper:before{left:-2px;background:linear-gradient(to right,var(--background-color),transparent)}.tabbed-section .tabs-wrapper:after{right:-2px;background:linear-gradient(to left,var(--background-color),transparent)}.tabbed-section .tabs-wrapper.can-scroll-left:before{opacity:1}.tabbed-section .tabs-wrapper.can-scroll-right:after{opacity:1}.tabbed-section .tabs-wrapper .tabs{display:flex;flex-wrap:nowrap;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabbed-section .tabs-wrapper .tabs button{flex-shrink:0}.tabbed-section .tabs-wrapper .tabs::-webkit-scrollbar{display:none}.tabbed-section .items-list{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.tabbed-section .items-list .item-card{width:100%;padding:var(--spacing-sm);background-color:var(--tag-background-color);display:flex;align-items:center;gap:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .3s ease;opacity:0;animation:fadeIn .5s ease forwards}.tabbed-section .items-list .item-card svg{width:var(--font-size-md);height:var(--font-size-md);stroke:var(--text-color);fill:none}.about-section{padding-top:var(--spacing-lg);display:grid;grid-template-columns:63% 1fr;gap:var(--spacing-lg)}.about-section .section-header{align-items:start!important}.about-section .about-mobile-title{display:none}.about-section .info-about-me{display:flex;flex-direction:column;gap:var(--spacing-lg)}.about-section .personal-info-about-me{width:80%;display:grid;grid-template-columns:70% 1fr;gap:var(--spacing-xs) 0}.about-section .image-container{position:relative;width:100%;grid-row:span 2}.about-section .image-container img{position:absolute;top:0;left:0;width:100%;height:100%}.experience-and-education-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.experience-and-education-section .my-resume-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.experience-and-education-section .my-resume-container .resume-column{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.experience-and-education-section .my-resume-container .resume-column h3{border-bottom:solid 1px var(--divider-middle-color);padding-bottom:var(--spacing-xs)}.experience-and-education-section .my-resume-container .resume-column .resume-item{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs)}.experience-and-education-section .my-resume-container .resume-column .resume-item .date{border:solid 1px var(--divider-dark-color);width:fit-content;padding:var(--spacing-xs)}.implementation-section{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);padding-left:calc(var(--spacing-lg) + var(--spacing-2xl) * 3)!important}.implementation-section .section-header{transform:translate(calc(var(--spacing-2xl) * 3 * -1))}.implementation-section .implementation-item{aspect-ratio:1 / 1;position:relative}.implementation-section .implementation-item div:first-child,.implementation-section .implementation-item div:first-child img{width:100%;height:100%}.implementation-section .implementation-item .info-item{aspect-ratio:1 / 1;padding:var(--spacing-lg);width:fit-content;background-color:var(--background-secondary-color);display:flex;flex-direction:column;gap:var(--spacing-md);position:absolute;z-index:1}.implementation-section .implementation-item:nth-child(3){grid-column:1 / 2;grid-row:2 / 4}.implementation-section .implementation-item:nth-child(3) .info-item{bottom:0;left:0;transform:translate(-50%,50%)}.implementation-section .implementation-item:nth-child(2){grid-column:2 / 3;grid-row:1 / 3}.implementation-section .implementation-item:nth-child(2) .info-item{top:0;left:0;transform:translate(-4rem,-4rem)}.implementation-section .implementation-item:nth-child(4){grid-column:2 / 3;grid-row:3 / 5}.implementation-section .implementation-item:nth-child(4) .info-item{bottom:0;left:0;transform:translate(-6rem,6rem)}@media(max-width:1100px){.implementation-section{display:flex;flex-direction:column;align-items:center;padding-left:var(--spacing-lg)!important}.implementation-section .section-header{transform:translate(0);margin-bottom:var(--spacing-lg);width:100%}.implementation-section .implementation-item{width:21rem;height:21rem}.implementation-section .implementation-item .info-item{width:15rem;top:auto!important;bottom:0!important;left:50%!important;transform:translate(-50%,50%)!important;z-index:1}}@media(max-width:768px){.about-section{grid-template-columns:1fr 60%}.about-section .about-mobile-title{display:block;grid-column:span 2;grid-row:1 / 2;margin-bottom:calc(var(--spacing-md) * -1)}.about-section .about-desktop-title{display:none}.about-section .info-about-me{grid-column:span 2;grid-row:3 / 4}.about-section .image-container{grid-column:span 1;grid-row:2 / 3;height:200px}.experience-and-education-section .my-resume-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.experience-and-education-section .my-resume-container .resume-column{width:100%;text-align:center}.experience-and-education-section .my-resume-container .resume-column .resume-item{align-items:center}}.projects-page-header{padding-top:var(--spacing-lg);display:flex;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.projects-page-header p{max-width:37rem;text-align:end}.projects-page-wrapper .tabs{margin-bottom:var(--spacing-2xl)}.projects-page-wrapper .tabs button{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.projects-list{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl)}.projects-list .project-card{cursor:pointer;border-radius:var(--border-radius-xs);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;opacity:0;animation:fadeIn .5s ease forwards}.projects-list .project-card img{width:100%;aspect-ratio:16 / 9;transition:transform .5s ease}.projects-list .project-card:hover{box-shadow:0 12px 24px #0003}.projects-list .project-card:hover img{transform:scale(1.06)}.projects-list .project-card:hover .project-info{background-color:#212121}.projects-list .project-card .project-info{background-color:var(--background-secondary-color);display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs);transition:background-color .3s ease;position:relative}.projects-list .project-card .project-info h5{font-weight:600}.projects-list .project-card .project-info .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.projects-list .project-card .project-info div{display:flow}.projects-list .project-card .project-info div p{padding:var(--spacing-xs);border-radius:var(--border-radius-xs);background-color:var(--tag-background-color);color:var(--text-color);display:inline-block;margin:3px}@media(max-width:768px){.projects-list{grid-template-columns:1fr}}.project-hero{width:100%;position:relative;display:flex;flex-direction:column;align-items:center}.project-hero .cover-image-container{width:inherit;margin-bottom:calc(var(--spacing-lg) * 2)}.project-hero .cover-image-container img{aspect-ratio:16 / 5;width:100%;display:block}.project-hero .cover-image-container a{position:absolute;top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs);transition:all .3s ease;opacity:.4}.project-hero .cover-image-container a:hover{opacity:.8}.project-hero .cover-image-container a svg{stroke:var(--text-color)}.project-hero section{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg)}.project-hero section div{display:flex;gap:var(--spacing-md)}.project-hero section div svg{fill:none}.project-hero section .project-date{position:absolute;top:var(--spacing-sm);right:var(--spacing-lg);transform:translateY(-2.25rem)}.image-list{margin-top:var(--spacing-lg);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.image-list img{aspect-ratio:16 / 9;width:100%;display:block;cursor:pointer;transition:transform .3s ease}.image-list img:hover{transform:scale(1.02)}.overlay.lightbox-overlay{z-index:100}.zoomed-image-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.zoomed-image{max-width:90vw;max-height:90vh;animation:zoomIn .3s ease;border-radius:4px;filter:drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));cursor:default}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:1100px){.project-hero a{display:none}}@media(max-width:768px){.project-date{position:absolute;top:0;left:var(--spacing-lg)}.image-list{grid-template-columns:1fr}}.contact-page-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);align-items:center;padding-top:var(--spacing-sm)}.contact-page-wrapper .contact-info-section{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.contact-page-wrapper .contact-info-section h3{width:100%;border-bottom:solid 1px var(--divider-middle-color);font-size:5rem}.contact-page-wrapper .contact-info-section .values-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.contact-page-wrapper .contact-info-section .values-list .value-item{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:16rem}.contact-page-wrapper form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-page-wrapper form .form-group{opacity:0;animation:fadeIn .5s ease forwards}.contact-page-wrapper form textarea{min-height:10rem}.contact-page-wrapper form .response{width:fit-content;font-size:var(--font-size-sm);font-weight:500;background-color:var(--tag-background-color);padding:var(--spacing-xs);border-radius:var(--border-radius-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.contact-page-wrapper form .response span{width:var(--spacing-xs);height:var(--spacing-xs);border-radius:50%;display:inline-block}@media(max-width:768px){.contact-page-wrapper{grid-template-columns:1fr}.contact-page-wrapper .contact-info-section{flex-direction:row;gap:var(--spacing-xl)}.contact-page-wrapper .contact-info-section h3{width:auto;border-bottom:none;border-right:solid 1px var(--divider-middle-color);padding-right:var(--spacing-lg)}}