*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}.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-links{color:var(--color-white);background-color:var(--color-primary)}.skip-links .skip-links__content{justify-content:center;align-items:center;gap:1rem;height:50px;transition:height .4s ease-in-out;display:flex}.skip-links .skip-links__content:not(:focus-within){height:0}@media (prefers-reduced-motion){.skip-links .skip-links__content{transition:none}}.skip-links ul{gap:1rem;display:flex}.skip-links ul a:-webkit-any(:link,:visited){color:var(--color-white);padding:.2rem .4rem}.skip-links ul a:-moz-any(:link,:visited){color:var(--color-white);padding:.2rem .4rem}.skip-links ul a:is(:link,:visited){color:var(--color-white);padding:.2rem .4rem}.skip-links ul a:-webkit-any(:focus,:active){color:var(--color-primary);background-color:var(--color-white);border-radius:.5rem;text-decoration:none}.skip-links ul a:-moz-any(:focus,:active){color:var(--color-primary);background-color:var(--color-white);border-radius:.5rem;text-decoration:none}.skip-links ul a:is(:focus,:active){color:var(--color-primary);background-color:var(--color-white);border-radius:.5rem;text-decoration:none}.site-header{z-index:10;width:100%;color:var(--color-white);background-color:var(--color-secondary);position:fixed}.site-header .container{height:var(--height-nav)}.site-header h1{text-transform:uppercase;font-size:clamp(var(--font-size),4vw,1.8rem);color:var(--color-white);margin-right:auto}.site-header a{text-decoration:none;transition:all .3s ease-in-out}.site-header a:-webkit-any(:link,:visited){color:var(--color-white)}.site-header a:-moz-any(:link,:visited){color:var(--color-white)}.site-header a:is(:link,:visited){color:var(--color-white)}.site-header a:-webkit-any(:hover,:focus,:active){color:var(--color-primary-light)}.site-header a:-moz-any(:hover,:focus,:active){color:var(--color-primary-light)}.site-header a:is(:hover,:focus,:active){color:var(--color-primary-light)}.site-header a.active{color:var(--color-primary-light);background-color:#546673;border-radius:4px}@media (prefers-reduced-motion){.site-header a{transition:none}}.site-header .nav__wrapper a{padding:.5rem;display:block}.site-header .nav__wrapper li:not([class]){text-transform:uppercase;font-weight:700}.site-header .nav__wrapper :is(.activeLang,.activeLang a){color:var(--color-primary-light)}@media (min-width:768px){.nav__wrapper{align-items:center;display:flex}.nav__wrapper li:nth-last-child(2){margin-inline-start:var(--gap)}}@media (max-width:767px){.nav__wrapper{z-index:-1;background-color:var(--color-secondary);visibility:hidden;opacity:0;transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;top:100%;left:0;right:0;transform:translateY(-100%)}.nav__wrapper li{margin-left:calc(var(--gap)/2)}.nav__wrapper.active{visibility:visible;opacity:1;border-top:1px solid #707070;transform:translateY(0)}}.nav__toggle{display:none}@media (max-width:767px){.nav__toggle{background-color:#0000;border:1px solid #000;border-radius:4px;padding:.3rem;display:block}.nav__toggle .menu{float:right;color:var(--color-white);margin-top:-.2em;margin-bottom:-1em;margin-left:2rem;font-weight:400}.nav__toggle .icon-bar{background-color:var(--color-white);border-radius:1px;width:1.2rem;height:.1rem;margin:4px;display:block}.nav__toggle:-webkit-any(:active,:focus){background-color:#000}.nav__toggle:-moz-any(:active,:focus){background-color:#000}.nav__toggle:is(:active,:focus){background-color:#000}}.hero .card{color:#fff;width:250px;height:250px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;margin-block-end:2rem;transition:all 1s ease-in-out;position:relative}.hero .card:hover{transform:rotateY(.5turn)}.hero .card .item{z-index:5;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;transition:all 1s ease-in-out;position:absolute;top:0;left:0}.hero .card .item img{-o-object-fit:cover;object-fit:cover;width:250px;height:250px}.hero .card .back-side{transform:rotateY(.5turn)}.btn-social{border:2px solid var(--color-white);text-align:center;border-radius:100%;width:50px;height:50px;line-height:50px;transition:all .3s ease-in-out;display:inline-block}@media (prefers-reduced-motion){.btn-social{transition:none}}.btn-social:-webkit-any(:hover,:focus,:active){background:var(--color-white)}.btn-social:-moz-any(:hover,:focus,:active){background:var(--color-white)}.btn-social:is(:hover,:focus,:active){background:var(--color-white)}.btn-social:-webkit-any(:hover,:focus,:active) svg{fill:var(--color-primary)}.btn-social:-moz-any(:hover,:focus,:active) svg{fill:var(--color-primary)}.btn-social:is(:hover,:focus,:active) svg{fill:var(--color-primary)}@media (prefers-reduced-motion){.hero .card{transition:none}.hero .card:hover{transform:none}}#sectionHero{color:var(--color-white);background-color:var(--color-primary);padding-block-start:calc(var(--height-nav) + 1.5rem);padding-block-end:calc(var(--gap)*2.5)}#sectionHero .hero{color:var(--color-white);background-color:var(--color-primary);flex-direction:column;justify-content:center;align-items:center;display:flex}#sectionHero .hero img{height:13rem;margin-block:var(--gap);outline:2px solid var(--color-white);border:3px solid #0000;border-radius:100%}#sectionHero .hero p{text-align:center;font-size:var(--font-size)}@media (min-width:768px){#sectionHero .hero p{font-weight:700}}#sectionHero .hero p:not(:has(strong)){padding-inline:var(--gap)}#sectionHero .hero strong{text-transform:uppercase;font-size:clamp(var(--font-size),7vw,2.8rem)}.socialIcons .icon{transition:all .2s cubic-bezier(.68,-.55,.265,1.55);position:relative}@media (prefers-reduced-motion){.socialIcons .icon{transition:none}}.socialIcons .tooltip{font-size:calc(var(--font-size) - .4rem);color:var(--color-primary);opacity:0;pointer-events:none;background:#fff;border-radius:5px;padding:5px 8px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;top:0;left:-18px;box-shadow:0 10px 10px #0000001a}@media (prefers-reduced-motion){.socialIcons .tooltip{transition:none}}.socialIcons .tooltip:before{content:"";background:#fff;width:8px;height:8px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg)}@media (prefers-reduced-motion){.socialIcons .tooltip:before{transition:none}}.socialIcons :-webkit-any(.icon:hover,.github:focus-within,.codepen:focus-within,.bluesky:focus-within,.twitter:focus-within,.instagram:focus-within,.youtube:focus-within,.linkedin:focus-within) .tooltip{opacity:1;visibility:visible;pointer-events:auto;white-space:nowrap;text-wrap:nowrap;top:-42px;left:-14px}.socialIcons :-moz-any(.icon:hover,.github:focus-within,.codepen:focus-within,.bluesky:focus-within,.twitter:focus-within,.instagram:focus-within,.youtube:focus-within,.linkedin:focus-within) .tooltip{opacity:1;visibility:visible;pointer-events:auto;white-space:nowrap;text-wrap:nowrap;top:-42px;left:-14px}.socialIcons :is(.icon:hover,.github:focus-within,.codepen:focus-within,.bluesky:focus-within,.twitter:focus-within,.instagram:focus-within,.youtube:focus-within,.linkedin:focus-within) .tooltip{opacity:1;visibility:visible;pointer-events:auto;white-space:nowrap;text-wrap:nowrap;top:-42px;left:-14px}.socialIcons :-webkit-any(.icon.instagram:hover,.instagram:focus-within) .tooltip{left:-18px}.socialIcons :-moz-any(.icon.instagram:hover,.instagram:focus-within) .tooltip{left:-18px}.socialIcons :is(.icon.instagram:hover,.instagram:focus-within) .tooltip{left:-18px}.socialIcons :-webkit-any(.icon.github:hover,.github:focus-within) .tooltip{left:-8px}.socialIcons :-moz-any(.icon.github:hover,.github:focus-within) .tooltip{left:-8px}.socialIcons :is(.icon.github:hover,.github:focus-within) .tooltip{left:-8px}.socialIcons .icon:hover span,.socialIcons .icon:hover .tooltip{text-shadow:0 -1px #0000001a}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Helvetica,sans-serif;font-size:var(--font-size);font-synthesis:none;text-rendering:optimizeLegibility;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--font-size:1.2rem;--color-primary:#3c807c;--color-primary-light:#82ffe6;--color-secondary:#404f59;--color-white:#fff;--width-container:60rem;--height-nav:5rem;--gap:1rem;--gap-layout-desktop:2rem;scroll-padding:5rem;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-reduced-motion){:root{scroll-behavior:auto}}.container{max-width:var(--width-container);padding:var(--gap);align-items:center;margin:0 auto;display:flex}@media (min-width:768px){.container{padding:var(--gap-layout-desktop)}}a:-webkit-any(:hover,:focus,:active){color:var(--color-primary)}a:-moz-any(:hover,:focus,:active){color:var(--color-primary)}a:is(:hover,:focus,:active){color:var(--color-primary)}main{max-width:var(--width-container);margin:0 auto}main section{padding:var(--gap)}@media (min-width:768px){main section{padding:var(--gap-layout-desktop)}main section:not(:first-child){padding-block-start:0}}main .columns{columns:350px 2;column-rule:1px dotted #ccc;gap:2rem;margin-block-end:1rem}h2{border-bottom:4px solid var(--color-primary);text-transform:uppercase;font-size:calc(var(--font-size) + .8rem);color:var(--color-primary);margin-block-start:var(--gap);margin-block-end:calc(var(--gap)*2);padding-block-end:.5rem;font-weight:700;display:inline-block}.proyecto:not(:last-child){margin-block-end:calc(var(--gap) + 2rem)}.proyecto picture{margin-block-end:calc(var(--gap) + .5rem)}.proyecto a{transition:all .3s ease-in-out}.proyecto a:-webkit-any(:hover,:focus){transform:scale(1.1)}.proyecto a:-moz-any(:hover,:focus){transform:scale(1.1)}.proyecto a:is(:hover,:focus){transform:scale(1.1)}@media (prefers-reduced-motion){.proyecto a{transition:none}.proyecto a:-webkit-any(:hover,:focus){transform:none}.proyecto a:-moz-any(:hover,:focus){transform:none}.proyecto a:is(:hover,:focus){transform:none}}.proyecto img{border:8px solid #0000;border-radius:.2rem;outline:2px solid #c9c9c9;height:auto}.proyecto h3{text-transform:uppercase;font-size:calc(var(--font-size) + .2rem);margin-block-end:var(--gap)}.proyecto ul{margin-block-start:var(--gap);margin-inline-start:var(--gap)}@media (min-width:768px){.proyecto{row-gap:var(--gap);column-gap:calc(var(--gap) + .5rem);grid-template:repeat(3,auto)/1fr 2fr;margin-block-end:calc(var(--gap)*3.5);display:grid}.proyecto:last-child{margin-block-end:0}.proyecto>picture{grid-row:span 3}.proyecto h3{margin-block-end:0}.proyecto a{grid-row:span 3}.proyecto ul{margin-block-start:0;margin-inline-start:calc(var(--font-size) + 2rem)}}#sobreMi p{margin-block-end:var(--gap)}#sobreMi a{border:solid 2px var(--color-primary);color:var(--color-primary);border-radius:6px;margin-block-start:var(--gap);padding:.8rem 1.2rem;font-weight:700;transition:all .3s ease-in-out;display:inline-block}@media (prefers-reduced-motion){#sobreMi a{transition:none}}#sobreMi a svg{margin-inline-end:.5rem}#sobreMi a:-webkit-any(:hover,:focus){color:var(--color-white);background-color:var(--color-primary)}#sobreMi a:-webkit-any(:hover,:focus) svg{fill:var(--color-white)}#sobreMi a:-moz-any(:hover,:focus){color:var(--color-white);background-color:var(--color-primary)}#sobreMi a:-moz-any(:hover,:focus) svg{fill:var(--color-white)}#sobreMi a:is(:hover,:focus){color:var(--color-white);background-color:var(--color-primary)}#sobreMi a:is(:hover,:focus) svg{fill:var(--color-white)}.footerTop{padding:var(--gap);color:var(--color-white);background-color:var(--color-primary)}.footerTop .container{justify-content:center;align-items:center;gap:calc(var(--gap)*.5);flex-direction:column}.footerTop .container h3{text-transform:uppercase;font-size:calc(var(--font-size) + .2rem);margin-block-end:calc(var(--gap)*1.8)}.footerTop .container ul{gap:calc(var(--gap)*1.5);flex-wrap:wrap;justify-content:center;display:flex}.footerBottom{padding:calc(var(--gap)*2);text-align:center;color:var(--color-white);background-color:color-mix(in srgb,var(--color-primary)85%,black)}.footerBottom a:-webkit-any(:link,:visited){color:var(--color-white)}.footerBottom a:-moz-any(:link,:visited){color:var(--color-white)}.footerBottom a:is(:link,:visited){color:var(--color-white)}.footerBottom a:-webkit-any(:hover,:focus){text-decoration:underline}.footerBottom a:-moz-any(:hover,:focus){text-decoration:underline}.footerBottom a:is(:hover,:focus){text-decoration:underline}@media (prefers-color-scheme:dark){:root{--color-primary:#295754;--color-primary-light:#17b595;--color-secondary:#2b353b;--color-white:#d4d4d4;background-color:#151a1e}main{color:var(--color-white)}.site-header a.active{background-color:#404e59}h2{color:var(--color-primary-light);border-bottom-color:var(--color-primary-light)}a:-webkit-any(:hover,:focus,:active){color:var(--color-primary-light)}a:-moz-any(:hover,:focus,:active){color:var(--color-primary-light)}a:is(:hover,:focus,:active){color:var(--color-primary-light)}#sobreMi a{color:var(--color-primary-light);border-color:var(--color-primary-light)}#sobreMi a svg{fill:var(--color-primary-light)}.socialIcons .tooltip{background:var(--color-white)}.socialIcons .tooltip:before{background:var(--color-white)}}