@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{font-family:Roboto,sans-serif;margin:0;color:#333;background:#eee}body *,body :after,body :before{margin:0;box-sizing:border-box}.simplebar-scrollbar.simplebar-visible:before{opacity:.2}app-root .scroll-container{position:relative;width:100vw;height:100vh}app-root .app-container{position:relative;padding:1rem 1rem 2rem}app-root .zi-1{z-index:1}@media only screen and (min-width:560px){app-root .app-container{padding-left:calc((100% - 560px + 2rem) / 2);padding-right:calc((100% - 560px + 2rem) / 2)}}@media only screen and (min-width:1024px){app-root .app-container{display:grid;grid-template-columns:auto 1fr;padding-left:2rem;padding-right:2rem}app-root .ml-1{margin-left:1rem}}@media only screen and (min-width:1440px){app-root .app-container{padding-left:calc((100% - 1440px + 4rem) / 2);padding-right:calc((100% - 1440px + 4rem) / 2)}}app-bg canvas{display:block}app-bg #particle-bg{position:fixed;width:100%;height:100%;background-color:initial;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}app-profile .card{margin-top:5rem;margin-bottom:.5rem;padding:1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff}app-profile .card .profile{width:100%;display:flex;justify-content:center;margin-top:-5rem}app-profile .card .profile .img{display:block;width:10rem;height:10rem;background-image:url(/assets/images/foto-notrans.png);background-repeat:no-repeat;background-size:contain;background-position:50%;border-radius:50%;box-shadow:0 5px 10px 2px #0003;transition:transform .3s cubic-bezier(.34,1.61,.7,1)}app-profile .card .profile .img:hover{transform:scale(1.1)}app-profile .card h1{margin-top:1rem;text-align:center;font-weight:400;font-size:1.1rem}app-profile .card p{text-align:center;margin-top:1rem;color:gray;font-size:.8rem}app-profile .card p.short-desc{font-weight:300}app-profile .card .info{margin-top:2rem}app-profile .card .info .row{display:flex;justify-content:space-between;border-top:1px solid #e6e6e6;grid-gap:1rem;gap:1rem}app-profile .card .info .row:last-child{border-bottom:1px solid #e6e6e6}app-profile .card .info .row a{color:#00b4cc;text-decoration:none}app-profile .card .info .row p{padding:1rem 0;margin:0}app-profile .card .info .row .dt{color:#333}app-profile .card .info .row .dd{text-align:right;color:#00b4cc}app-profile .card .sosmed{margin-top:1rem;display:flex;justify-content:center;grid-gap:1rem;gap:1rem}app-profile .card .sosmed .item{color:#fff;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 10px 2px #0003;border-radius:50%;transition:transform .3s cubic-bezier(.34,1.61,.7,1)}app-profile .card .sosmed .item.linkedin{background-color:#0a66c2}app-profile .card .sosmed .item.instagram{background-color:#fd1d1d}app-profile .card .sosmed .item.facebook{background-color:#0a66c2}app-profile .card .sosmed .item:hover{transform:scale(1.1)}@media only screen and (min-width:1024px){app-profile .card{width:22rem}}app-navbar .container{width:100vw;margin:0 -1rem .5rem;padding:.5rem 0}app-navbar .container ul{list-style-type:none;margin:0 1rem;padding:0;display:inline-flex}app-navbar .container ul>*{flex-shrink:0}app-navbar .container ul li{padding:.5rem;border-radius:.5rem;transition:all .35s ease-out}app-navbar .container ul li:hover{background-color:#e6e6e6}app-navbar .container ul li.active{background-color:#00b4cc;box-shadow:0 1px 5px 1px #0003}app-navbar .container ul li.active *{color:#f2f2f2}app-navbar .container ul li a{height:7rem;width:7rem;color:#333;text-decoration:none;display:flex;flex-direction:column;justify-content:center;border-radius:.5rem}app-navbar .container ul li a svg{width:100%;margin-bottom:1rem}app-navbar .container ul li a span{display:block;text-align:center;text-transform:uppercase;font-size:.9rem}app-navbar .container .simplebar-track{bottom:-5px}app-navbar .container .simplebar-track.simplebar-horizontal{margin:0 calc(1rem - 2px)}@media only screen and (min-width:560px){app-navbar .container{margin-left:calc((100vw - 560px + 2rem) / -2);margin-right:calc((100vw - 560px + 2rem) / -2);text-align:center}}@media only screen and (min-width:595px){app-navbar .container ul{margin-right:2rem;margin-left:2rem}app-navbar .container .simplebar-track.simplebar-horizontal{margin:0 calc(2rem - 2px)}}@media only screen and (min-width:1024px){app-navbar .container{width:100%;margin:4.5rem 0 1rem}app-navbar .container ul{display:flex;flex-wrap:wrap;justify-content:center;margin-left:1rem;margin-right:0}}app-award ul{list-style-type:none;margin:0;padding:0}app-award ul li{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;position:relative;margin-bottom:1rem}app-award ul li .line{position:absolute;top:2rem;left:calc((3rem - 3px) / 2);height:100%;width:3px;background-color:#ccc;z-index:-1;border-radius:calc(3px / 2)}app-award ul li:last-child{margin-bottom:0}app-award ul li:last-child .line{top:0}app-award ul li .icon{width:3rem;height:3rem;border-radius:50%;box-shadow:0 1px 5px 1px #0003;background-color:#00b4cc;display:flex;justify-content:center;align-items:center;margin-top:calc(1rem / 2)}app-award ul li .icon svg.feather{color:#fff;margin-bottom:1px}app-award ul li .card{padding:1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;display:flex;flex-direction:column}app-award ul li .card .badge{width:max-content;color:#f2f2f2;background-color:#00b4cc;border-radius:1rem;font-weight:700;font-size:.8rem;padding:.5rem 1rem;box-shadow:0 1px 5px 1px #0003;margin-bottom:1rem}app-award ul li .card .title{text-transform:uppercase;color:#333;font-weight:500;margin-bottom:.5rem}app-award ul li .card .desc{color:gray;font-size:.9rem;font-weight:300;margin-bottom:1rem}app-award ul li .card .place{color:#00b4cc;font-weight:400;font-size:.75rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}app-award ul li .card .place svg{min-height:1rem;min-width:1rem;margin-top:-2px}app-award ul li .card .place .type{white-space:nowrap}app-education ul{list-style-type:none;margin:0;padding:0}app-education ul li{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;position:relative;margin-bottom:1rem}app-education ul li .line{position:absolute;top:2rem;left:calc((3rem - 3px) / 2);height:100%;width:3px;background-color:#ccc;z-index:-1;border-radius:calc(3px / 2)}app-education ul li:last-child{margin-bottom:0}app-education ul li:last-child .line{top:0}app-education ul li .icon{width:3rem;height:3rem;border-radius:50%;box-shadow:0 1px 5px 1px #0003;background-color:#00b4cc;display:flex;justify-content:center;align-items:center;margin-top:calc(1rem / 2)}app-education ul li .icon svg.feather{color:#fff;margin-bottom:1px}app-education ul li .card{padding:1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;display:flex;flex-direction:column}app-education ul li .card .badge{width:max-content;color:#f2f2f2;background-color:#00b4cc;border-radius:1rem;font-weight:700;font-size:.8rem;padding:.5rem 1rem;box-shadow:0 1px 5px 1px #0003;margin-bottom:1rem}app-education ul li .card .title{text-transform:uppercase;color:#333;font-weight:500;margin-bottom:.5rem}app-education ul li .card .desc{color:gray;font-size:.9rem;font-weight:300;margin-bottom:1rem}app-education ul li .card .desc a{color:#08c}app-education ul li .card .place{color:#00b4cc;font-weight:400;font-size:.75rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}app-education ul li .card .place svg{min-height:1rem;min-width:1rem;margin-top:-2px}app-education ul li .card .place .type{white-space:nowrap}app-experience ul{list-style-type:none;margin:0;padding:0}app-experience ul li{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;position:relative;margin-bottom:1rem}app-experience ul li .line{position:absolute;top:2rem;left:calc((3rem - 3px) / 2);height:100%;width:3px;background-color:#ccc;z-index:-1;border-radius:calc(3px / 2)}app-experience ul li:last-child{margin-bottom:0}app-experience ul li:last-child .line{top:0}app-experience ul li .icon{width:3rem;height:3rem;border-radius:50%;box-shadow:0 1px 5px 1px #0003;background-color:#00b4cc;display:flex;justify-content:center;align-items:center;margin-top:calc(1rem / 2)}app-experience ul li .icon svg.feather{color:#fff;margin-bottom:1px}app-experience ul li .card{padding:1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;display:flex;flex-direction:column}app-experience ul li .card .badge{width:max-content;color:#f2f2f2;background-color:#00b4cc;border-radius:1rem;font-weight:700;font-size:.8rem;padding:.5rem 1rem;box-shadow:0 1px 5px 1px #0003;margin-bottom:1rem}app-experience ul li .card .title{text-transform:uppercase;color:#333;font-weight:500;margin-bottom:.5rem}app-experience ul li .card .desc{color:gray;font-size:.9rem;font-weight:300;margin-bottom:1rem}app-experience ul li .card .place{color:#00b4cc;font-weight:400;font-size:.75rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}app-experience ul li .card .place svg{min-height:1rem;min-width:1rem;margin-top:-2px}app-experience ul li .card .place .type{white-space:nowrap}app-organization ul{list-style-type:none;margin:0;padding:0}app-organization ul li{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;position:relative;margin-bottom:1rem}app-organization ul li .line{position:absolute;top:2rem;left:calc((3rem - 3px) / 2);height:100%;width:3px;background-color:#ccc;z-index:-1;border-radius:calc(3px / 2)}app-organization ul li:last-child{margin-bottom:0}app-organization ul li:last-child .line{top:0}app-organization ul li .icon{width:3rem;height:3rem;border-radius:50%;box-shadow:0 1px 5px 1px #0003;background-color:#00b4cc;display:flex;justify-content:center;align-items:center;margin-top:calc(1rem / 2)}app-organization ul li .icon svg.feather{color:#fff;margin-bottom:1px}app-organization ul li .card{padding:1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;display:flex;flex-direction:column}app-organization ul li .card .badge{width:max-content;color:#f2f2f2;background-color:#00b4cc;border-radius:1rem;font-weight:700;font-size:.8rem;padding:.5rem 1rem;box-shadow:0 1px 5px 1px #0003;margin-bottom:1rem}app-organization ul li .card .title{text-transform:uppercase;color:#333;font-weight:500;margin-bottom:.5rem}app-organization ul li .card .desc{color:gray;font-size:.9rem;font-weight:300;margin-bottom:1rem}app-organization ul li .card .place{color:#00b4cc;font-weight:400;font-size:.75rem;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}app-organization ul li .card .place svg{min-height:1rem;min-width:1rem;margin-top:-2px}app-organization ul li .card .place .type{white-space:nowrap}app-portfolio .card{padding:1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;text-align:center}app-portfolio .card .desc,app-portfolio .card img{transition:all .3s cubic-bezier(.34,1.61,.7,1)}app-portfolio .card .desc{max-height:0;overflow-y:hidden;margin:0}app-portfolio .card:active img,app-portfolio .card:hover img{transform:translateY(-2rem)}app-portfolio .card:active .desc,app-portfolio .card:hover .desc{max-height:8rem;overflow-y:unset;margin-top:1.125rem}app-portfolio .card:active .ping-ping,app-portfolio .card:hover .ping-ping{visibility:hidden}app-skill ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}app-skill ul li{margin:.25em}app-skill ul li,app-skill ul li a{display:inline-block}app-skill ul li a img{width:80%}app-skill .card{padding:2rem 1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;text-align:center}@media only screen and (min-width:1024px){app-skill .card{margin-left:1rem}}app-coming-soon .card{padding:2rem 1rem;border-radius:.5rem;box-shadow:0 1px 5px 1px #0003;background:#fff;text-align:center}@media only screen and (min-width:1024px){app-coming-soon .card{margin-left:1rem}}.link-at{color:#08c;text-decoration:underline}.link-title{color:#333;text-decoration:none}.link-title:hover{color:#08c}.absolute{position:absolute}.relative{position:relative}.bottom-\[1rem\]{bottom:1rem}.left-0{left:0}.mt-\[2rem\]{margin-top:2rem}.mt-\[-2rem\]{margin-top:-2rem}.mb-\[-1\.5em\]{margin-bottom:-1.5em}.mt-\[0\.875em\]{margin-top:.875em}.mb-\[0\.75em\]{margin-bottom:.75em}.mb-\[1px\]{margin-bottom:1px}.ml-\[0\.5em\]{margin-left:.5em}.flex{display:flex}.grid{display:grid}.h-\[2rem\]{height:2rem}.w-full{width:100%}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.cursor-pointer{cursor:pointer}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-x-\[2rem\]{grid-column-gap:2rem;column-gap:2rem}.gap-y-\[3rem\]{grid-row-gap:3rem;row-gap:3rem}.space-x-\[1em\]>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1em * var(--tw-space-x-reverse));margin-left:calc(1em * calc(1 - var(--tw-space-x-reverse)))}.rounded-\[0\.5rem\]{border-radius:.5rem}.border-x-0{border-left-width:0;border-right-width:0}.border-t{border-top-width:1px}.border-b-0{border-bottom-width:0}.border-dashed{border-style:dashed}.border-line{border-color:#ccc}.py-\[0\.5em\]{padding-top:.5em;padding-bottom:.5em}.px-\[1rem\]{padding-left:1rem;padding-right:1rem}.text-right{text-align:right}.text-\[0\.75em\]{font-size:.75em}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[0\.875em\]{font-size:.875em}.font-\[300\]{font-weight:300}.text-secondary{color:grey}.text-bluePrimary{color:#00b4cc}.shadow-own{--tw-shadow:0px 1px 5px 1px #0003;--tw-shadow-colored:0px 1px 5px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.last\:border-b:last-child{border-bottom-width:1px}@media (min-width:1024px){.lg\:ml-\[1rem\]{margin-left:1rem}.lg\:grid-cols-\[1fr\2c 1fr\]{grid-template-columns:1fr 1fr}}