@import"https://fonts.googleapis.com/css?family=Quattrocento+Sans";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-primary: #FFFAFA;--color-secondary: #323232}:root{--color-text-light: var(--color-primary);--color-text-dark: var(--color-secondary);--color-bg-light: var(--color-primary);--color-bg-dark: var(--color-secondary);--color-border-light: var(--color-primary);--color-border-dark: var(--color-secondary);--color-bg-whatsapp: #60D669;--color-bg-pop-up: #32323280;--color-bg: #F9F5F2;--color-bg-contact: #FCEEE3;--font-archivo-base: "Archivo", sans-serif;--font-archivo-black: "Archivo Black", sans-serif;--padding-horizontal-desktop: 100px;--padding-vertical-desktop: 70px;--padding-horizontal-mobile: 20px}.border-red{border:2px solid red}.paragraph{white-space:pre-line}body{font-family:var(--font-archivo-base);color:var(--color-secondary);overflow-x:hidden;background-color:var(--color-bg)}.bg-whatsapp{background-color:var(--color-bg-whatsapp)}::-webkit-scrollbar{width:12px;background-color:none}::-webkit-scrollbar-thumb{background-color:#c5c5c5;border-right:2px solid transparent;border-left:2px solid transparent;border-radius:8px;background-clip:padding-box}::-webkit-scrollbar-track{background-color:transparent}@media screen and (max-width: 786px){:root{--padding-horizontal-detailpopup: 10px }}@media screen and (min-width: 786px){:root{--padding-horizontal-detailpopup: 20px }}button{border-radius:7px;border:none;display:flex;justify-content:center;align-items:center;padding:0;background-color:var(--color-bg-light);cursor:pointer}.button-dark{border:2px solid var(--color-border-dark);background-color:var(--color-bg-dark)}.button-light{border:2px solid var(--color-border-dark);background-color:var(--color-bg-light)}@media screen and (max-width: 768px){.button-dark{border:1px solid var(--color-border-dark);background-color:var(--color-bg-dark)}.border{border:2px solid var(--color-border-dark)}.button-light{border:1px solid var(--color-border-dark)}}@media screen and (min-width: 769px){.button-dark,.border,.button-light{border:2px solid var(--color-border-dark)}}.loading[data-v-c3878469]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:9999}.loading-text[data-v-c3878469]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.loading-text span[data-v-c3878469]{display:inline-block;margin:0 5px;color:#fff;font-family:Quattrocento Sans,sans-serif}.loading-text span[data-v-c3878469]:nth-child(1){filter:blur(0px);animation:blur-text-c3878469 1.5s 0s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(2){filter:blur(0px);animation:blur-text-c3878469 1.5s .2s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(3){filter:blur(0px);animation:blur-text-c3878469 1.5s .4s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(4){filter:blur(0px);animation:blur-text-c3878469 1.5s .6s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(5){filter:blur(0px);animation:blur-text-c3878469 1.5s .8s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(6){filter:blur(0px);animation:blur-text-c3878469 1.5s 1s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(7){filter:blur(0px);animation:blur-text-c3878469 1.5s 1.2s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(8){filter:blur(0px);animation:blur-text-c3878469 1.5s 1.4s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(9){filter:blur(0px);animation:blur-text-c3878469 1.5s 1.6s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(10){filter:blur(0px);animation:blur-text-c3878469 1.5s 1.8s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(11){filter:blur(0px);animation:blur-text-c3878469 1.5s 2s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(12){filter:blur(0px);animation:blur-text-c3878469 1.5s 2.2s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(13){filter:blur(0px);animation:blur-text-c3878469 1.5s 2.4s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(14){filter:blur(0px);animation:blur-text-c3878469 1.5s 2.6s infinite linear alternate}.loading-text span[data-v-c3878469]:nth-child(15){filter:blur(0px);animation:blur-text-c3878469 1.5s 2.8s infinite linear alternate}@keyframes blur-text-c3878469{0%{filter:blur(0px)}to{filter:blur(4px)}}@media screen and (min-width: 786px){.loading[data-v-c3878469]{font-size:24px}}@media screen and (max-width: 786px){.loading[data-v-c3878469]{font-size:16px}}.bg-pop-up[data-v-e900b628]{width:100svw;height:100svh;background-color:var(--color-bg-pop-up);position:fixed;z-index:51;display:flex;justify-content:center;align-items:center}.container[data-v-e900b628]{background-color:var(--color-primary);border-radius:25px;padding:var(--padding-horizontal-detailpopup) var(--padding-horizontal-detailpopup) 20px;display:flex;flex-direction:column;overflow:hidden;margin:0 0 20px}.header[data-v-e900b628]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px 0 20px}.icon-close[data-v-e900b628]{cursor:pointer}.content[data-v-e900b628]{display:flex;flex-direction:column;margin:20px 20px 0;gap:10px}.images[data-v-e900b628]{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:40px}.images img[data-v-e900b628]{border-radius:10px}.scroll-radius-8px[data-v-e900b628]{overflow-y:auto;padding-right:var(--padding-horizontal-detailpopup);margin-right:var(--padding-horizontal-detailpopup);height:100%;width:100%}.scroll-radius-8px[data-v-e900b628]::-webkit-scrollbar{width:8px}.scroll-radius-8px[data-v-e900b628]::-webkit-scrollbar-thumb{background-color:#c5c5c5;border-right:2px solid transparent;border-left:none;border-radius:99px;background-clip:padding-box}@media screen and (min-width: 786px){.container[data-v-e900b628]{width:80svw;height:80svh}.header h3[data-v-e900b628]{font-size:20px;font-weight:700}.content[data-v-e900b628]{font-size:16px}}@media screen and (max-width: 786px){.container[data-v-e900b628]{width:90svw;height:60svh}.header h3[data-v-e900b628]{font-size:16px;font-weight:700}.content[data-v-e900b628]{font-size:14px}.bg-pop-up[data-v-e900b628]{padding-bottom:60px}}.icon[data-v-72c21ade]{padding:0;margin:0;width:20px;height:20px;flex:1}.detail[data-v-72c21ade]{flex:25}.sub-content[data-v-72c21ade]{display:flex;flex-direction:row;align-items:start;gap:20px}@media screen and (max-width: 768px){section#hello[data-v-7d9b2269]{height:35svh;gap:5px}section#hello .name[data-v-7d9b2269]{font-size:30px}section#hello .description[data-v-7d9b2269]{font-size:12px}section#hello .desc-mobile[data-v-7d9b2269]{font-size:16px}section#hello .buttons[data-v-7d9b2269]{gap:6px;margin-top:20px}section#hello .button[data-v-7d9b2269]{gap:6px;width:140px;height:30px;font-size:12px}section#hello .button .icons[data-v-7d9b2269]{width:20px;height:20px}section#hello .button .icons-right[data-v-7d9b2269]{width:14px;height:14px}}@media screen and (min-width: 768px){section#hello[data-v-7d9b2269]{height:85svh;gap:10px}section#hello .name[data-v-7d9b2269]{font-size:96px}section#hello .description[data-v-7d9b2269]{font-size:36px}section#hello .buttons[data-v-7d9b2269]{gap:50px;margin-top:30px}section#hello .button[data-v-7d9b2269]{gap:10px;width:270px;height:60px;font-size:20px}section#hello .button .icons[data-v-7d9b2269]{width:37px;height:37px}section#hello .button .icons-right[data-v-7d9b2269]{width:32px;height:32px}}.font-light[data-v-7d9b2269]{color:var(--color-text-light)}section#hello[data-v-7d9b2269]{display:flex;flex-direction:column;justify-content:center;align-items:center}section#hello .name[data-v-7d9b2269]{font-family:Archivo Black,sans-serif;font-weight:400;font-style:normal;color:var(--color-text-dark)}section#hello .description[data-v-7d9b2269]{font-family:Archivo,sans-serif;color:var(--color-text-dark)}section#hello p[data-v-7d9b2269]{margin:0}section#hello .buttons[data-v-7d9b2269]{display:flex}section#hello .button[data-v-7d9b2269]{display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;font-family:Archivo,sans-serif;font-weight:600;font-style:normal;letter-spacing:2px}section#about-me[data-v-7d9b2269]{min-height:100px;max-width:1300px;margin-left:auto;margin-right:auto;font-family:Archivo,sans-serif;color:var(--color-text-dark);display:flex;justify-content:space-between}section#about-me #left[data-v-7d9b2269]{display:flex;flex-direction:column;gap:50px}section#about-me #left h2[data-v-7d9b2269]{font-family:var(--font-archivo-black);font-size:36px}section#about-me #left p[data-v-7d9b2269]{font-family:var(--font-archivo-base);font-size:20px;padding-left:20px;max-width:700px;line-height:1.2}section#about-me #right[data-v-7d9b2269]{display:flex;justify-content:center;align-items:center}section#about-me #right img[data-v-7d9b2269]{width:270px;height:370px;object-fit:cover;border-radius:15px;border:2px solid var(--color-border-dark);box-shadow:10px 10px}@media screen and (max-width: 768px){section#about-me[data-v-7d9b2269]{padding:30px 20px;flex-direction:column;gap:20px}section#about-me #left h2[data-v-7d9b2269]{font-size:25px}section#about-me p.paragraph-mobile[data-v-7d9b2269]{margin-top:20px;font-size:15px;max-width:700px;line-height:1.2}section#about-me #left p[data-v-7d9b2269]{display:none}section#about-me #right img[data-v-7d9b2269]{width:170px;height:250px}}@media screen and (min-width: 769px){section#about-me[data-v-7d9b2269]{padding:140px 100px}section#about-me p.paragraph-mobile[data-v-7d9b2269]{display:none}section#about-me #left h2[data-v-7d9b2269]{text-align:left}}section#skills[data-v-7d9b2269]{padding:100px 0}h2[data-v-7d9b2269]{text-align:center;font-size:26px;font-weight:700}section#skills .container-grid[data-v-7d9b2269]{justify-content:center;margin:auto;max-width:879px}section#skills .content-grid[data-v-7d9b2269]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;justify-items:center;align-items:center;margin-top:70px}section#skills .content-grid .content[data-v-7d9b2269]{display:flex;flex-direction:column;align-items:center;gap:30px;background-color:var(--color-bg-dark);padding:40px 20px;width:100px;color:var(--color-text-light);border-radius:15px}section#skills .content .icon[data-v-7d9b2269]{width:70px;height:70px}section#skills .content p[data-v-7d9b2269]{font-weight:600;letter-spacing:.05em}@media screen and (max-width: 799px){section#skills .content-grid[data-v-7d9b2269]{grid-template-columns:repeat(2,minmax(0,1fr))}section#skills[data-v-7d9b2269]{min-height:100svh;padding:var(--padding-vertical-desktop) var(--padding-horizontal-mobile)}section#skills .content p[data-v-7d9b2269]{font-size:17px}section#skills .content-grid .content[data-v-7d9b2269]{padding:20px 10px}section#skills .container-grid[data-v-7d9b2269]{justify-content:center;max-width:300px}h2[data-v-7d9b2269]{font-size:18px}}@media screen and (min-width: 800px){section#skills .content-grid[data-v-7d9b2269]{grid-template-columns:repeat(6,minmax(0,1fr))}section#skills[data-v-7d9b2269]{padding:var(--padding-vertical-desktop) var(--padding-horizontal-desktop)}section#skills .content p[data-v-7d9b2269]{font-size:20px}section#skills .content-grid .content[data-v-7d9b2269]{padding:40px 20px}}@media screen and (min-width: 800px) and (max-width: 1049px){section#skills .content-grid[data-v-7d9b2269]{grid-template-columns:repeat(4,minmax(0,1fr))}section#skills .content-grid .content[data-v-7d9b2269]:nth-child(9){grid-column:2 / 3}}@media only screen and (min-width: 1050px){section#skills .content-grid[data-v-7d9b2269]{grid-template-columns:repeat(6,minmax(0,1fr))}section#skills .content-grid .content[data-v-7d9b2269]:nth-child(7){grid-column:2 / 3}}section#projects[data-v-7d9b2269]{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px 0}section#projects .content-grid[data-v-7d9b2269]{display:grid;gap:30px;margin-top:70px}section#projects .content-grid .content[data-v-7d9b2269]{display:flex;flex-direction:column;gap:20px;padding:20px;width:200px;background-color:var(--color-bg-dark);color:var(--color-text-light);border-radius:15px;cursor:pointer;letter-spacing:.05em}section#projects .content img[data-v-7d9b2269]{width:200px;height:200px;object-fit:cover}section#projects .content img[data-v-7d9b2269]{border-radius:10px}section#projects .content h3[data-v-7d9b2269]{font-size:22px;font-weight:700}section#projects .content p[data-v-7d9b2269]{font-size:16px;margin-top:10px;height:100px}section#projects .content .skills[data-v-7d9b2269]{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;justify-content:center;align-content:center;min-height:100px;margin-top:30px}section#projects .skills .skill[data-v-7d9b2269]{margin:0;padding:3px 6px;border-radius:3px}.images[data-v-7d9b2269]{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:40px}.images img[data-v-7d9b2269]{border-radius:10px}.button-project[data-v-7d9b2269]{display:flex;justify-content:center;flex-wrap:wrap;align-content:center;width:100%;gap:20px;margin-top:20px}.button-project span[data-v-7d9b2269]{color:var(--color-text-light);letter-spacing:.05em}.flutter[data-v-7d9b2269]{background-color:#0476d0}.figma[data-v-7d9b2269]{background:linear-gradient(45deg,#f24e1e,#ff7262,#a259ff,#1abcfe,#0acf83)}.android-studio[data-v-7d9b2269]{background:linear-gradient(45deg,#e24462,#b125ea)}.vue-js[data-v-7d9b2269]{background-color:#42b883}.react[data-v-7d9b2269]{background-color:#61dafb}.supabase[data-v-7d9b2269]{background-color:#166944}.postgresql[data-v-7d9b2269]{background-color:#0064a5}.code-igniter[data-v-7d9b2269]{background-color:#dd4814}.tailwind[data-v-7d9b2269]{background-color:#3490dc}@media screen and (max-width: 786px){section#projects .content-grid[data-v-7d9b2269]{grid-template-columns:repeat(1,1fr)}.button-project span[data-v-7d9b2269]{padding:10px;font-size:16px;letter-spacing:.05em}}@media screen and (min-width: 786px){section#projects .content-grid[data-v-7d9b2269]{grid-template-columns:repeat(3,1fr)}.button-project span[data-v-7d9b2269]{padding:15px 30px;font-size:13px;letter-spacing:.05em}}section#contact[data-v-7d9b2269]{padding:0;display:flex;flex-direction:column;justify-content:start;align-items:center;gap:30px;text-align:center;background-color:var(--color-bg-dark);color:var(--color-text-light)}section#contact p[data-v-7d9b2269]{font-weight:600;margin-bottom:10px;max-width:600px}section#contact .button-contact[data-v-7d9b2269]{display:flex}section#contact .button-contact .button[data-v-7d9b2269]{display:flex;justify-content:center;align-items:center;letter-spacing:.1em;font-family:var(--font-archivo-base);font-weight:700;color:var(--color-text-dark);cursor:pointer}.text-whatsapp[data-v-7d9b2269]{color:var(--color-text-light)}section#contact .button-contact .email-button[data-v-7d9b2269]{position:relative;color:var(--color-text-dark)}section#contact .button-contact span.notification-copy[data-v-7d9b2269]{position:absolute;margin-top:-25px;margin-left:30px;padding:2px 5px;overflow:visible;background-color:var(--color-bg-light);color:var(--color-text-dark);border-radius:5px;font-size:13px}@media screen and (max-width: 768px){section#contact[data-v-7d9b2269]{padding:30px var(--padding-horizontal-mobile) 60px;margin-top:-20px}section#contact p[data-v-7d9b2269]{font-size:14px}section#contact .button-contact .button[data-v-7d9b2269]{width:140px;height:30px;font-size:13px;gap:6px}section#contact .button-contact .button .icons[data-v-7d9b2269]{width:16px;height:16px}section#contact .button-contact .button.bg-whatsapp[data-v-7d9b2269]{border-radius:5px}section#contact .button-contact[data-v-7d9b2269]{gap:10px}}@media screen and (min-width: 768px){section#contact .button-contact .button[data-v-7d9b2269]{width:250px;height:50px;font-size:20px;gap:10px}section#contact p[data-v-7d9b2269]{font-size:20px}section#contact[data-v-7d9b2269]{padding:60px var(--padding-horizontal-desktop) 120px;margin-top:-170px}section#contact h2[data-v-7d9b2269]{text-align:center;font-size:26px;font-weight:700}section#contact .button-contact .button .icons[data-v-7d9b2269]{width:20px;height:20px}section#contact .button-contact .button.bg-whatsapp[data-v-7d9b2269]{border-radius:7px}section#contact .button-contact[data-v-7d9b2269]{gap:40px}}.running-text[data-v-7d9b2269]{padding:25px 0;text-align:center;font-family:var(--font-archivo-base);color:var(--color-text-dark);display:flex;align-items:center;overflow:hidden}.marquee[data-v-7d9b2269]{font-size:60px;margin:0 auto;white-space:nowrap;overflow:hidden;position:absolute}.marquee span[data-v-7d9b2269]{display:inline-block;padding-left:100%;animation:marquee-7d9b2269 26s linear infinite}.marquee-mobile[data-v-7d9b2269]{font-size:30px;margin:0 auto;white-space:nowrap;overflow:hidden;position:absolute}.marquee-mobile span[data-v-7d9b2269]{display:inline-block;padding-left:100%;animation:marquee-7d9b2269 16s linear infinite}.marquee2 span[data-v-7d9b2269]{animation-delay:13s}.marquee2-mobile span[data-v-7d9b2269]{animation-delay:8s}@keyframes marquee-7d9b2269{0%{transform:translate(0)}to{transform:translate(-100%)}}section#me-before[data-v-7d9b2269]{width:100%;display:flex;justify-content:center;padding:0 0 20px}section#me-before span[data-v-7d9b2269]{color:var(--color-secondary);letter-spacing:.05em}section#me-before span.icon-arrow[data-v-7d9b2269]{position:absolute;right:0;margin-bottom:-5px}section#me-before button[data-v-7d9b2269]{padding:25px 0;border-radius:10px;font-family:var(--font-archivo-black);background-color:#ffc567;border:2px solid var(--color-secondary);filter:drop-shadow(7px 7px var(--color-secondary));animation:button-me-about-7d9b2269 2s infinite}@keyframes button-me-about-7d9b2269{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media screen and (max-width: 786px){section#me-before button[data-v-7d9b2269]{width:300px;font-size:16px}section#me-before span.icon-arrow[data-v-7d9b2269]{padding-right:15px}}@media screen and (min-width: 786px){section#me-before button[data-v-7d9b2269]{width:600px;font-size:25px}section#me-before span.icon-arrow[data-v-7d9b2269]{padding-right:40px}}footer[data-v-7d9b2269]{background-color:#ffc567;padding:13px 0;color:var(--color-text-dark);font-size:14px;text-align:center;letter-spacing:.1em}.gradient-transition[data-v-7d9b2269]{height:50px;background:#020024;background:linear-gradient(0deg,#020024,#f5f5f5 0%,#fff)}.wave-container[data-v-7d9b2269]{height:40vh;background-color:#f9f5f2;position:relative}.wave-container[data-v-7d9b2269]:before{content:"";width:100%;height:168px;position:absolute;bottom:-.3%;left:0;background-size:auto;background-repeat:repeat no-repeat;background-position:30vw bottom;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 134' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 22L33 19C82 13 133 14 200 29C267 44 333 67 400 70C467 74 533 59 600 40C667 22 733 0 800 0C867 0 933 22 1000 29C1067 37 1133 29 1167 26L1200 22V134H1167C1133 134 1067 134 1000 134C933 134 867 134 800 134C733 134 667 134 600 134C533 134 467 134 400 134C333 134 267 134 200 134C133 134 67 134 33 134H0V22.332Z' fill='%23fceee3'/></svg>")}@media (max-width:850px){.wave-container[data-v-7d9b2269]:before{height:84px}}