body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-negro:#323235;--color-verde:#75d45d;--color-turquesa:#3cb686;--color-blanco:#f6f6f6;--color-azul:#069aac;--color-gris:#eceff1;--color-gris-oscuro:#5e5e63;--color-nav:#b6b6b6}*{font-feature-settings:normal;box-sizing:border-box;font-family:"ui-sans-serif",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;margin:0;padding:0;tab-size:4}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:#0000;border-radius:25px}::-webkit-scrollbar-thumb{background-color:#069aaca3;border-bottom:2px solid #f6f6f6;border-bottom:5px solid var(--color-blanco);border-left:2px solid #f6f6f6;border-left:2px solid var(--color-blanco);border-radius:inherit;border-right:2px solid #f6f6f6;border-right:2px solid var(--color-blanco);border-top:2px solid #f6f6f6;border-top:5px solid var(--color-blanco);opacity:.6}::-webkit-scrollbar-thumb:hover{background-color:#069aaccf}::-webkit-scrollbar-thumb:active{background-color:#069aac;background-color:var(--color-azul)}.App{align-items:center;background-color:#eceff1;background-color:var(--color-gris);display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}a{text-decoration:none}li{list-style:none}h1{background:linear-gradient(90deg,#069aac,#3cb686,#75d45d);background:linear-gradient(to right,var(--color-azul),var(--color-turquesa),var(--color-verde));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2em;font-weight:800;letter-spacing:-.025em;line-height:1;overflow-wrap:break-word;width:100%}h2{font-size:1em;font-weight:700;letter-spacing:.005em;padding:.5em}h2,h3{color:#323235;color:var(--color-negro)}h3{font-size:1.6em;font-weight:lighter;text-align:center}b{background:linear-gradient(90deg,#3cb686,#75d45d,#069aac);background:linear-gradient(to right,var(--color-turquesa),var(--color-verde),var(--color-azul));-webkit-background-clip:text;background-clip:text;color:#0000;font-weight:600;letter-spacing:.2em;text-transform:uppercase}p{color:#323235;color:var(--color-negro);letter-spacing:-.01em;line-height:170%}.button{background-color:initial;background-image:linear-gradient(90deg,#f6f6f6 0,#f6f6f6 50%,#0000 0,#0000);background-image:linear-gradient(to right,var(--color-blanco) 0,var(--color-blanco) 50%,#0000 50%,#0000 100%);background-position:100% 100%;background-size:200% 100%;border:1px solid #f6f6f6;border:1px solid var(--color-blanco);border-radius:50px;box-shadow:2px 2px 8px 0 #00000080;color:#f6f6f6;color:var(--color-blanco);cursor:pointer;height:4em;letter-spacing:.3em;padding:.5em;transition:all .5s ease}.button:hover{background-position:0 100%;border:1px solid #3cb686;border:1px solid var(--color-turquesa);color:#323235;color:var(--color-negro);transform:scale(1.05)}.card{border-radius:15px}.card-section{background-color:#f6f6f6;background-color:var(--color-blanco);height:100%;overflow-y:scroll;padding:20px;width:99.5%}::selection{background-color:#3cb686;background-color:var(--color-turquesa);color:#5e5e63;color:var(--color-gris-oscuro)}.card-title{align-items:center;display:flex;font-size:1.8em;justify-content:center;min-height:25vh;text-transform:uppercase}.big-tittle{text-align:center}.download-exp-icon svg{fill:#5e5e63;fill:var(--color-gris-oscuro);height:2em;padding-bottom:3px;position:absolute;right:5%;top:5%;transition:all .3s ease-out;width:2em}.download-exp-icon svg:hover{fill:#3cb686;fill:var(--color-turquesa);transform:scale(1.1) translate(10px,10px)}@media (min-width:1600px){h1{font-size:3em}}@media (max-height:670px),(max-width:820px){::-webkit-scrollbar-track{border-radius:0;border-radius:initial}.card{border-radius:0;border-radius:initial}.download-exp-icon svg{height:1.7em;width:1.7em}}@media (max-height:670px){.card-app{display:none;z-index:-1}}@media (max-width:820px){.card-app{display:none;z-index:-1}}body,html{height:100%}body{align-items:center;background-color:#75d45d;background-color:var(--color-verde);background-image:linear-gradient(180deg,#75d45d,#3cb686);background-image:linear-gradient(180deg,var(--color-verde) 0,var(--color-turquesa) 100%);background-size:100% 100%;display:flex;justify-content:center}.card-app{background:#f6f6f6;background:var(--color-blanco);box-shadow:0 0 10rem -5rem;height:100vh;overflow:hidden;position:absolute;width:100vw}.card__img{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.card__grid-effect{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);inset:0;position:absolute;z-index:0}.card__grid-effect-tile{position:relative}.card__grid-effect-tile:before{background:#3cb686;background:var(--color-turquesa);border-radius:50%;box-shadow:0 0 0;color:#069aac;color:var(--color-azul);content:"";height:1.8rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s linear;width:1.8rem}.card__grid-effect-tile:hover:before{box-shadow:0 0 0,3rem 0 0 -.3rem,-3rem 0 0 -.3rem,0 -3rem 0 -.3rem,0 3rem 0 -.3rem,3rem 3rem 0 -.45rem,3rem -3rem 0 -.45rem,-3rem 3rem 0 -.45rem,-3rem -3rem 0 -.45rem,3rem 6rem 0 -.9rem,3rem -6rem 0 -.9rem,-3rem 6rem 0 -.9rem,-3rem -6rem 0 -.9rem,3rem 9rem 0 -1.35rem,3rem -9rem 0 -1.35rem,-3rem 9rem 0 -1.35rem,-3rem -9rem 0 -1.35rem,3rem 12rem 0 -1.8rem,3rem -12rem 0 -1.8rem,-3rem 12rem 0 -1.8rem,-3rem -12rem 0 -1.8rem,6rem 0 0 -.6rem,-6rem 0 0 -.6rem,0 -6rem 0 -.6rem,0 6rem 0 -.6rem,6rem 3rem 0 -.9rem,6rem -3rem 0 -.9rem,-6rem 3rem 0 -.9rem,-6rem -3rem 0 -.9rem,6rem 6rem 0 -1.8rem,6rem -6rem 0 -1.8rem,-6rem 6rem 0 -1.8rem,-6rem -6rem 0 -1.8rem,6rem 9rem 0 -2.7rem,6rem -9rem 0 -2.7rem,-6rem 9rem 0 -2.7rem,-6rem -9rem 0 -2.7rem,6rem 12rem 0 -3.6rem,6rem -12rem 0 -3.6rem,-6rem 12rem 0 -3.6rem,-6rem -12rem 0 -3.6rem,9rem 0 0 -.9rem,-9rem 0 0 -.9rem,0 -9rem 0 -.9rem,0 9rem 0 -.9rem,9rem 3rem 0 -1.35rem,9rem -3rem 0 -1.35rem,-9rem 3rem 0 -1.35rem,-9rem -3rem 0 -1.35rem,9rem 6rem 0 -2.7rem,9rem -6rem 0 -2.7rem,-9rem 6rem 0 -2.7rem,-9rem -6rem 0 -2.7rem,9rem 9rem 0 -4.05rem,9rem -9rem 0 -4.05rem,-9rem 9rem 0 -4.05rem,-9rem -9rem 0 -4.05rem,9rem 12rem 0 -5.4rem,9rem -12rem 0 -5.4rem,-9rem 12rem 0 -5.4rem,-9rem -12rem 0 -5.4rem,12rem 0 0 -1.2rem,-12rem 0 0 -1.2rem,0 -12rem 0 -1.2rem,0 12rem 0 -1.2rem,12rem 3rem 0 -1.8rem,12rem -3rem 0 -1.8rem,-12rem 3rem 0 -1.8rem,-12rem -3rem 0 -1.8rem,12rem 6rem 0 -3.6rem,12rem -6rem 0 -3.6rem,-12rem 6rem 0 -3.6rem,-12rem -6rem 0 -3.6rem,12rem 9rem 0 -5.4rem,12rem -9rem 0 -5.4rem,-12rem 9rem 0 -5.4rem,-12rem -9rem 0 -5.4rem,12rem 12rem 0 -7.2rem,12rem -12rem 0 -7.2rem,-12rem 12rem 0 -7.2rem,-12rem -12rem 0 -7.2rem;height:.8rem;transition:all .1s linear;width:.8rem}@media (prefers-color-scheme:dark){:root{--color-negro:#eceff1;--color-blanco:#323235;--color-gris:#222;--color-gris-oscuro:#5e5e63;--color-nav:#f6f6f6}.App{background-color:#eceff1;background-color:var(--color-gris)}::selection{background-color:#323235;background-color:var(--color-negro);color:#3cb686;color:var(--color-turquesa)}.card__grid-effect-tile:before{background:#eceff1;background:var(--color-gris)}}.card-portfolio{height:80vh;width:80vw}.main-card{box-shadow:2px 2px 8px 0 #00000080;display:flex;flex-direction:row;height:100%;position:relative;width:100%}.card-presentation{background:linear-gradient(to right,var(--color-azul),#3cb686,var(--color-verde));height:100%;width:40%}@media (max-height:670px),(max-width:820px){.card-portfolio{height:100vh;width:100vw}.main-card{display:contents;position:relative}.card-presentation{height:30vh;width:100%}}@media (max-width:389px){.card-presentation{height:25vh}}.first-card{align-items:center;background:#0000;color:var(--color-blanco);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:10px;transition:all .3s ease-out;width:70%}.first-card h1{color:var(--color-gris)}@media (max-height:670px),(max-width:820px){.first-card{flex-direction:row;padding:0;width:100%}}.footer p{color:var(--color-gris);font-style:italic;margin-left:10px}@media (max-height:670px),(max-width:820px){.footer{background:linear-gradient(to right,var(--color-verde),#3cb686,var(--color-azul));bottom:0;height:20px;left:0;position:fixed;right:0;z-index:4}}.presentation-box{height:40%;text-align:center;width:100%}.presentation-box h1{font-size:3.75rem;line-height:1;overflow-wrap:normal}.presentation-box h1 span:nth-child(2){color:var(--color-negro)}.subtitle{color:var(--color-gris);font-size:1.5em;letter-spacing:-.025em;line-height:1;padding:.33em}@media (max-height:671px){.presentation-box{height:30%}}@media (max-width:1040px){.presentation-box h1{font-size:1.75rem}.subtitle{font-size:1rem}}@media (max-width:1260px){.presentation-box h1{font-size:2.75rem}.subtitle{font-size:1.3rem}}@media (max-height:670px),(max-width:820px){.presentation-box{align-self:self-start;display:flex;flex-wrap:wrap;justify-content:center;margin-top:1%;order:2}}@media (max-width:389px){.presentation-box{margin-top:5%}.presentation-box h1 span:first-child{color:var(--color-negro)}.presentation-box h1 span:nth-child(2){display:none}}.cv-box{display:grid;margin:10px;min-height:2.9em;min-width:100%;place-content:center}.cv-box .button{height:3.5em;width:10em}@media (max-height:670px),(max-width:820px){.cv-box{margin:2px 0 0 5px;min-height:auto;min-width:20px}.cv-box .button{height:2em;padding:0;width:11em}}.photo{border-radius:50%;display:flex;height:13em;justify-content:center;margin-top:25px;position:relative;width:100%}.photo picture{aspect-ratio:1;background-color:var(--color-blanco);border:3px solid var(--color-negro);display:table-caption;height:12.5em;justify-self:self-start;overflow:hidden;transition:all .3s ease-out;z-index:2}.photo picture,.photo:before{border-radius:50%;position:absolute}.photo:before{aspect-ratio:1/1;background-image:linear-gradient(#0000 50%,#fff0 50%),radial-gradient(circle,var(--color-negro) 25%,#fff0 25%);background-size:10px 10px;bottom:0;content:"";height:100%;left:0;margin:auto;right:-10%;top:0;z-index:1}.photo picture img{height:auto;object-fit:cover;overflow:visible;position:absolute;top:-40%;transition:all .3s ease-out;width:100%}.photo picture:hover{box-shadow:2px 2px 8px 0 #00000080}.photo picture img:hover{cursor:pointer;transform:rotate(-12deg) scale(1.05)}@media (max-width:1060px){.photo{height:11em}.photo picture{height:10.5em}}@media (max-height:670px),(max-width:820px){.photo{align-items:center;margin:0;order:1;width:20%}.photo picture{height:8em}.photo:before{height:7.5em;left:0;right:-20%}}@media (max-width:580px){.photo picture,.photo:before{height:5.5em}}@media (max-width:390px){.photo picture,.photo:before{height:3.5em}}.socialMedia-box{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:30px;padding:.1em .3em;width:100%}.Icon-svg{border-radius:50%;box-shadow:2px 2px 8px 0 #00000080;height:auto;transition:all .3s ease;width:2.2em}.socialMedia-box span a:hover>.Icon-svg{opacity:.8;transform:scale(1.3)}@media (max-height:670px),(max-width:820px){.socialMedia-box{align-self:flex-start;display:flex;margin-top:10px;order:4;padding:0;width:30%}}@media (max-width:630px){.socialMedia-box{align-self:center;flex-direction:column;margin-top:0;transform:scale(.8);width:10%}}.content-card{height:100%;position:absolute;right:0;width:70%}.content-card main{height:100%;width:100%}.hiden{display:none}@media (max-height:670px),(max-width:820px){.content-card{height:70vh;position:static;width:100%}}@media (max-width:389px){.content-card{height:75vh}}.content-card .card-home{display:grid;height:100%;overflow:hidden;place-items:center;position:relative;width:100%}.card-home section h2{display:grid;place-content:center}.particle{border-radius:6px;position:absolute;transition:all .1s ease-out}.dot-1{background-color:#3cb686;height:22px;opacity:.3;right:284px;top:50px;transform:rotate(20deg);width:22px}.dot-2{background-color:var(--color-azul);height:20px;opacity:.2;right:40px;top:40px;transform:rotate(-14deg);width:20px}.dot-3{height:24px;opacity:.3;right:28px;transform:rotate(26deg);width:24px}.dot-3,.dot-4{background-color:var(--color-verde);top:-64px}.dot-4{height:17px;opacity:.2;right:364px;transform:rotate(-17deg);width:17px}.dot-5{background-color:var(--color-azul);height:24px;opacity:.4;top:20px;transform:rotate(-11deg);width:24px}.dot-6{background-color:#3cb686;height:17px;opacity:.2;right:159px;top:-40px;transform:rotate(51deg);width:17px}.dot-7{background-color:var(--color-verde);right:400px;top:64px}.dot-7,.dot-8{height:20px;opacity:.3;transform:rotate(51deg);width:20px}.dot-8{background-color:var(--color-azul);right:242px;top:-44px}.card-home section:first-child{align-self:flex-end;position:relative;transform:translateZ(0) scale3d(1.4,1.4,1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg)}.card-home section:nth-child(2){font-weight:lighter;width:50%}.card-motivation-words{font-family:monospace}.card-home section h1{font-size:3em}.lil-link{color:var(--color-verde)}@keyframes typing{0%{width:0}}@keyframes blink{50%{border-color:#0000}}@media (max-width:1300px){.card-home section h1{font-size:2.4em}.card-home section h2{font-size:.9em}}@media (max-width:1040px){.card-home section h1{font-size:1.8em;width:95%}.card-home section h2{font-size:.7em}p{font-size:small}}@media (max-height:670px),(max-width:820px){.card-home section h2{font-size:.6em}}.typing-text{animation:typing 2.8s steps(36) infinite,step-end infinite alternate;border-right:.15em solid #3cb686;display:block;overflow:hidden;text-align:center;white-space:nowrap;width:38ch}.skills-container{margin:40px;text-align:center}.skills-container h3{text-align:left}.skills-grid{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-content:center;margin-top:20px}.skill-item{align-items:center;display:flex;flex-direction:column}.skill-icon{color:var(--color-negro);font-size:48px;margin-bottom:10px}.skill-name{font-size:14px;font-weight:700}.card-personal::-webkit-scrollbar-track{background:var(--color-blanco)}.card-personal{height:80vh;overflow-y:scroll;position:fixed;width:55.8%;z-index:2}.card-personal .card-text{align-items:center;background-color:var(--color-blanco);display:flex;flex-direction:column;padding:20px;text-align:justify;width:100%}.card-text p{text-wrap:balance;font-size:.9em;margin-top:10px;text-align:justify;width:50%}.card-text p span{font-style:italic}.card-text .card-title{min-height:15vh}.card-about,.parallax{height:100%}.parallax{width:99%}.parallax figure{border-radius:25px;height:100%;overflow:hidden}.parallax figure img{height:100%;object-fit:cover;width:100%}.card-background-dogs{bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.card-window{height:80px;width:100%}.search-job{font-size:1.3em;margin-top:20px}@media (max-height:670px),(max-width:820px){.card-personal{height:70vh;overflow-x:hidden;width:100%}.parallax{height:76%;position:fixed;z-index:1}.card-text p{width:auto}}@media (max-width:389px){.card-personal{height:75vh}}.experience-flow{align-items:center;padding:20px;width:100%}.experience-card,.experience-flow{display:flex;flex-direction:column}.experience-card{align-items:baseline;margin:10px;max-width:600px;width:80%}.experience-card article{background-color:var(--color-gris);border-radius:24px;box-shadow:none;cursor:context-menu;height:auto;overflow:hidden;padding:20px;position:relative;transition:all .2s ease-out;width:100%}.experience-card article:active{background-color:var(--color-blanco);box-shadow:0 0 #e6ebef,0 4px 24px #00000014;font-size:large;transform:scale(1.02)}.experience-card.left,.experience-card.right{align-self:center}.experience-card h2{color:var(--color-gris-oscuro);margin:5px 0;padding:0}.experience-card p{text-wrap:balance;font-size:.9em;margin:10px 0 5px;text-align:justify}.date-card{color:var(--color-gris-oscuro);font-weight:600;letter-spacing:.1em;line-height:160%;text-transform:uppercase}.date-card span{font-size:.8em;opacity:.5}.task-list{-webkit-padding-start:40px;padding-inline-start:40px}.task-list li{color:var(--color-azul);list-style:circle;margin:0 .5rem 0 0}@media (max-height:670px),(max-width:820px){.experience-card{width:100%}}.tags-container{display:flex;justify-content:flex-end;margin-top:10px}.tags{display:flex;flex-wrap:wrap}.tag{background-color:var(--color-blanco);border-radius:20px;color:var(--color-negro);font-size:12px;font-weight:600;margin:4px;padding:4px 10px;transition:all .2s ease-out}.tag:hover{opacity:.8;transform:scale(1.2)}.proyect-flow{align-items:center;display:flex;flex-direction:column;padding:5px;width:100%}.proyect-card{background:var(--color-gris);border:1px solid #ccc;border-radius:15px;box-shadow:0 7px 29px 0 #64646f33;cursor:default;margin:10px;max-width:600px;padding:20px 20px 0;pointer-events:none;position:relative;transition:all .3s ease-in-out;width:80%}.proyect-card:hover{background-color:var(--color-blanco);background:linear-gradient(#ffffff56,#0000006b);box-shadow:0 0 #e6ebef,0 4px 24px #00000014;transform:scale(1.02)}.project-skills{opacity:.4;transform:translateX(-5px) translateY(-35px);transition:all .8s ease}.proyect-card:hover>.project-skills{display:block;opacity:1;transform:translateX(-50px) translateY(-120px)}.proyect-card h2{margin:0}.proyect-video:hover{filter:brightness(70%)}.proyect-card:hover>.card-video img{display:none}.proyect-card:hover>.card-video video{display:inherit}.card-video{height:23rem;padding:.3em;pointer-events:all;width:auto}.card-video img{aspect-ratio:3/2;object-fit:contain;width:100%}.proyect-video{cursor:pointer;display:none;height:100%;width:100%}.proyect-repo{pointer-events:all;position:absolute;right:10%;transition:all .3s ease-in}.proyect-repo:hover{transform:scale(1.4)}.itch-card{aspect-ratio:3/2;cursor:pointer;margin-top:10px;object-fit:contain;pointer-events:all;width:80px}.project-tittle{background:linear-gradient(to right,var(--color-gris-oscuro),var(--color-negro),var(--color-azul),var(--color-verde),var(--color-azul),var(--color-negro),var(--color-gris-oscuro));-webkit-background-clip:text;background-clip:text;color:#0000}.project-description{margin-top:2em}.card-flow{display:flex;flex-direction:column;margin:50px auto 0;position:relative;width:90%}.card-flow:after{background:#1b3231;content:"";height:100%;left:calc(50% - 1px);position:absolute;top:0;width:2px;z-index:1}@media (max-height:670px),(max-width:820px){.card-flow{overflow-wrap:break-word;width:100%}}.card-institute{display:flex;justify-content:space-between;margin-bottom:60px;margin-top:50px;position:relative}.card-institute:after{background:var(--color-blanco);border:2px solid #1b3231;border-radius:100px;content:"";display:block;height:14px;left:calc(50% - 9px);position:absolute;top:calc(50% - 9px);width:14px;z-index:2}.study-date{align-items:center;display:flex;justify-content:flex-start;opacity:.8;width:calc(42% + 20px)}.card-info{background:var(--color-gris);box-shadow:0 7px 29px 0 #64646f33;position:relative;transition:all .2s ease-out;width:42%}.card-info:hover{background-color:var(--color-blanco);box-shadow:0 0 #e6ebef,0 4px 24px #00000014;transform:scale(1.02)}.card-info:after{border:20px solid #0000;border-left-color:#fff;content:"";display:block;position:absolute;right:-50px;top:calc(50% - 20px)}.card-info .card h2{width:80%}.card-info .card{padding:15px;text-align:-webkit-center}.card-info .card a svg{transform:rotate(45deg)}.card-info .card a:hover>svg{padding-right:5px;transform:scale(1.1) translate(10px,10px)}.card-institute:nth-child(2n){flex-direction:row-reverse}.card-institute:nth-child(2n) .study-date{justify-content:flex-end}.card-institute:nth-child(2n) .card-info:after{border:20px solid #0000;border-right-color:#fff;content:"";left:-50px;right:auto}.card-institute:nth-child(2n) .card-info .download-exp-icon svg{left:5%}.no-link{cursor:not-allowed}.no-link:hover>svg{fill:crimson;transform:rotate(45deg)}@media (max-height:670px),(max-width:820px){.card-info{border-radius:15px}}.image-display{align-items:center;display:flex;height:100%;justify-content:center;margin-top:20px}.image{max-height:100%;max-width:100%}.content-card{background-color:var(--color-blanco)}.knowledge-box{margin:auto;overflow:hidden;width:100%}.logo-gallery{animation:knowledge-bar 25s linear infinite;-webkit-animation:knowledge-bar 25s linear infinite;background:#146c7886;display:flex;width:2800px}.logo-item{align-items:center;display:flex;justify-content:center;padding:10px;width:100px}.logo-item img{aspect-ratio:3/2;object-fit:contain;width:100%}@keyframes knowledge-bar{0%{transform:translateX(0)}to{transform:translateX(-1400px)}}.navbar{align-items:center;display:flex;flex-direction:column;position:relative}.navbar nav{background-color:var(--color-blanco);border-radius:50px;box-shadow:2px 2px 8px 0 #00000080;margin-left:40%;padding:.3em;width:100%}.nav-list{align-items:center;display:flex;flex-direction:column;height:300px;justify-content:space-evenly;transition:all .3s ease;width:40px}.nav-icon{color:var(--color-nav);height:auto;padding:.3em;transition:all .5s ease;width:100%}.nav-list:hover{height:320px;width:3em}.nav-list a:hover>.nav-icon:hover{color:#3cb686;padding:.1em;transform:scale(1.6)}.nav-list a{align-items:center;display:flex;position:relative;width:2.1875em}.nav-tooltip{background-color:var(--color-blanco);border-radius:4px;box-shadow:2px 2px 8px 0 #00000080;color:#3cb686;left:110%;margin:.2em;opacity:0;padding:.5em;pointer-events:none;position:absolute;transform:translateY(-50%);transition:opacity .5s ease;white-space:nowrap}.nav-list a:hover .nav-tooltip{opacity:1}.icon-active svg{fill:var(--color-azul);cursor:not-allowed;margin:.5em .1em;padding:.1em;transform:scale(1.6)}.icon-active .nav-tooltip{background-color:var(--color-blanco);color:var(--color-azul)}@media (max-height:670px),(max-width:820px){.navbar{position:fixed;top:25vh;width:70vw;z-index:3}.navbar nav{background-color:#0000003b;margin-left:0;padding:0}.nav-list,.nav-list:hover{height:auto;width:auto}.nav-list{flex-direction:row}.nav-icon{color:var(--color-gris-oscuro)}.icon-active .nav-tooltip{background-color:#ffffff54;left:0;top:120%}.nav-tooltip{left:10%;top:140%}}@media (max-width:389px){.navbar{top:20vh}}.modal-overlay{align-items:center;background-color:#0f322c80;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.modal{background-color:var(--color-blanco);box-shadow:0 2px 4px #0000001a;max-width:500px;width:70%}.modal-header{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:16px}.close-button{background:none;border:none;color:var(--color-black);cursor:pointer;font-size:24px}.modal-content{padding:16px}.form-card{display:flex;flex-direction:column;justify-content:space-evenly;padding:20px}.label{background:var(--color-blanco);color:var(--color-negro);font-size:1.19em;font-weight:lighter;left:10px;margin-bottom:5px;position:absolute;transition:all .2s ease-out}.label,.text-message .label{top:10px}.error-message{color:#ff3c3c;font-size:.8em;margin-top:5px}.card-submit{align-self:center;background:#3cb686;border-radius:50px;height:2.3em;width:30%}input[type=submit]{background:none;border:none;color:var(--color-blanco);cursor:pointer}.card-submit .button{height:100%;width:100%}.card-submit .button:hover>input[type=submit]{color:var(--color-negro)}input[type=email],input[type=text],textarea{background:var(--color-blanco);border:1px solid #ccc;border-radius:5px;margin:5px 0;padding:10px;transition:border-color 1s ease;width:100%}input[type=email]:focus,input[type=text]:focus,textarea:focus{border:1px solid #3cb686}.form-card.active label{color:#3cb686}.success-message{color:#3cb686;font-size:1.2em;text-align:center}.invalid-input,input[type=email].invalid-input,input[type=text].invalid-input,textarea.invalid-input{border-color:#ff3c3c;color:#ff3c3c}label{margin:10px;position:relative;width:100%}.form-card.active{border:2px solid #3cb686;box-shadow:0 0 10px #0000001a}.form-card label input:not([type=submit]):not([type=checkbox]),.form-card.active label{font-size:.9em}.form-card label input:not([type=submit]):not([type=checkbox]):focus{border-color:#3cb686}.writing .label{border-radius:5px;left:0;padding:2px 5px;top:-11px;transform:scale(.7)}@media (max-height:670px),(max-width:820px){.card-submit{width:50%}}.notification{border-radius:5px;color:#fff;display:flex;font-weight:700;left:40%;padding:10px;position:fixed;top:5%;z-index:6}.notification.success{background-color:#069aaca3}.notification.error{background-color:#f443367a}.notification-message{margin:0}.notification .close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;margin:0 10px}@media (max-height:670px),(max-width:820px){.notification{left:28%;top:15%}}.card-form{background-color:var(--color-blanco);height:50vh}
/*# sourceMappingURL=main.ccd6a3ff.css.map*/