@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Salsa&display=swap";@import"https://fonts.googleapis.com/css2?family=Caprasimo&display=swap";@import"https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap";#buttons-container{width:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:var(--mgc-padding-l);gap:var(--mgc-gap-xl)}.bt-enabled{border:none;border-radius:var(--mgc-radius-l);background-color:var(--mgc-tertiary-color);padding:var(--mgc-padding-m) var(--mgc-padding-xl);font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-base);color:var(--mgc-primary-color)}.bt-disabled{cursor:pointer;opacity:.3;border:none;border-radius:var(--mgc-radius-l);background-color:var(--mgc-tertiary-color);padding:var(--mgc-padding-m) var(--mgc-padding-xl);font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-base);color:var(--mgc-primary-color)}.bt-disabled:hover{opacity:1}.info-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--mgc-padding-l);gap:var(--mgc-gap-xl)}#education-container h3{font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-md);color:var(--mgc-secondary-color)}.experience-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;padding:var(--mgc-padding-l);gap:var(--mgc-gap-xl)}.disabled{display:none}.div-experience{background-color:var(--mgc-secondary-color);width:20%;min-width:200px;min-height:315px;display:flex;flex-direction:column;gap:var(--mgc-gap-s);padding:var(--mgc-padding-m);border-radius:var(--mgc-radius-m)}.div-experience h2{font-family:var(--mgc-funny-font);font-size:var(--mgc-font-size-md);color:var(--mgc-tertiary-color)}.div-experience h3{font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-base);color:var(--mgc-primary-color)}.div-experience p{font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-sm);color:var(--mgc-primary-color)}#footer{width:100%;height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--mgc-padding-xl);background-color:var(--mgc-tertiary-color)}.rrss-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--mgc-gap-l);padding:var(--mgc-padding-l)}.rrss-container>a>img{width:35px;height:35px;opacity:.8;transition:transform .5s}.rrss-container>a>img:hover{transform:scale(1.1);opacity:1}#footer>p{color:var(--mgc-primary-color);font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-sm)}.special-footer-txt{color:var(--mgc-primary-color);font-family:var(--mgc-funny-font);font-size:var(--mgc-font-size-sm)}#app-header{width:100%;height:10vh;position:absolute;top:0;display:flex;justify-content:flex-end;z-index:2;padding:var(--mgc-padding-l) var(--mgc-padding-xl);gap:var(--mgc-gap-m)}#nav-menu{display:flex;justify-content:center;align-items:center;gap:var(--mgc-gap-l)}#nav-menu>li>a{font-family:var(--mgc-funny-font);color:var(--mgc-special-color);font-size:var(--mgc-font-size-m)}#nav-menu>li>a:hover{transition:color 1s;color:var(--mgc-tertiary-color)}#hero{width:100%;min-height:100svh;background-image:url(/assets/img/mgc-perfil.jpg);background-position:center;opacity:1;background-size:cover;position:relative;display:flex}#hero:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background-color:#0009}#div-hero-container{margin-top:10svh;width:100%;height:90svh;display:flex;flex-wrap:wrap;z-index:1}#div-left-hero-container{width:60%;min-width:400px;height:auto;padding:0 var(--mgc-padding-xl);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--mgc-gap-l)}#div-left-hero-container h1{font-family:var(--mgc-funny-font);font-size:var(--mgc-font-size-xxl);color:var(--mgc-primary-color)}#div-left-hero-container h2{font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-lg);color:var(--mgc-primary-color)}#div-left-hero-container h3{font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-md);color:var(--mgc-primary-color)}#div-right-hero-container{width:40%;min-width:250px;height:auto;padding:0 var(--mgc-padding-xl);display:flex;justify-content:center;align-items:center}#skills{display:flex;flex-wrap:wrap;gap:var(--mgc-gap-s);z-index:1}#skills li{outline:.5px solid var(--mgc-primary-color);border-radius:var(--mgc-radius-s);padding:var(--mgc-padding-m);color:var(--mgc-primary-color);font-size:var(--mgc-font-size-sm)}#skills li:hover{outline:1px solid var(--mgc-primary-color);background:#ffffff4d}.acquired{opacity:1}.not-acquired{opacity:.2}.wave{transition:1.5s ease;display:inline-block;animation-name:waveHand;animation-iteration-count:infinite;animation-duration:1.3s;animation-timing-function:ease;transform-origin:90% 80%;opacity:1}@keyframes waveHand{0%{transform:rotate(7deg)}50%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.card{width:300px;min-height:550px;padding-top:var(--mgc-padding-m);display:flex;flex-direction:column;justify-content:space-between;gap:var(--mgc-gap-s);box-shadow:6px 4px 6px #000000a3;-webkit-box-shadow:6px 4px 6px 0px rgba(0,0,0,.64);-moz-box-shadow:6px 4px 6px 0px rgba(0,0,0,.64)}.card h2{padding-left:var(--mgc-padding-m);font-family:var(--mgc-funny-font);font-size:var(--mgc-font-size-md);color:var(--mgc-secondary-color)}.card p{padding:var(--mgc-padding-s) var(--mgc-padding-m);font-family:var(--mgc-normal-font);font-size:var(--mgc-font-size-sm);color:var(--mgc-secondary-color)}.img-container{width:300px;height:450px;position:relative;overflow:hidden}.img-container:after{font-family:var(--mgc-funny-font);content:"© MGC Project";font-size:var(--mgc-font-size-base);color:#fff;background-color:#000000b3;opacity:.3;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transform:translateY(100%);transition:transform .3s}.img-container:hover:after{transform:translateY(0)}.img-container>img{width:100%;height:100%;object-fit:cover}.card a{width:100%;padding:var(--mgc-padding-m);text-align:right;font-family:var(--mgc-funny-font);font-size:var(--mgc-font-size-sm);color:var(--mgc-tertiary-color)}#cards-container{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:var(--mgc-padding-xl);gap:var(--mgc-gap-xl)}.generic-section{width:100%;min-height:50svh;display:flex;flex-direction:column;align-items:flex-start;padding:var(--mgc-padding-xl);gap:var(--mgc-gap-m)}.section-title{font-family:var(--mgc-funny-font);font-size:var(--mgc-font-size-xl);border-bottom:6px solid var(--mgc-tertiary-color);color:var(--mgc-secondary-color)}.header-container{width:100%;display:flex;justify-content:space-around;align-items:center}.header-container .active{border-bottom:2px solid var}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6,a,label,span,p,button,li{text-decoration:none;font-family:Inter,sans-serif}ol,ul{list-style:none}html{scroll-behavior:smooth}:root{--mgc-primary-color: white;--mgc-secondary-color: #303030;--mgc-tertiary-color: #01b5b8;--mgc-special-color: #aeaeae;--mgc-margin-xs: 2px;--mgc-margin-s: 5px;--mgc-margin-m: 10px;--mgc-margin-l: 20px;--mgc-margin-xl: 40px;--mgc-padding-xs: 2px;--mgc-padding-s: 5px;--mgc-padding-m: 10px;--mgc-padding-l: 20px;--mgc-padding-xl: 40px;--mgc-padding-xxl: 15%;--mgc-gap-xs: 2px;--mgc-gap-s: 5px;--mgc-gap-m: 10px;--mgc-gap-l: 20px;--mgc-gap-xl: 40px;--mgc-radius-xs: 2px;--mgc-radius-s: 5px;--mgc-radius-m: 10px;--mgc-radius-l: 20px;--mgc-radius-xl: 40px;--mgc-radius-all: 100px;--mgc-font-size-sm: clamp(.7rem, .17vw + .66rem, .89rem);--mgc-font-size-base: clamp(1rem, .34vw + .91rem, 1.19rem);--mgc-font-size-md: clamp(1.25rem, .61vw + 1.1rem, 1.58rem);--mgc-font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);--mgc-font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);--mgc-font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);--mgc-font-size-xxxl: clamp(3.05rem, 3.54vw + 2.17rem, 5rem);--mgc-normal-font: "Poppins", sans-serif;--mgc-funny-font: "Caprasimo", serif}@media screen and (max-width: 390px){#app-header{justify-content:flex-start}#nav-menu{gap:var(--mgc-gap-l)}.div-experience{width:80%}}