header[data-v-6689781a]{display:flex;align-items:center;justify-content:space-between;padding-top:10px;padding-bottom:10px}@media screen and (max-width:575px){header[data-v-6689781a]{flex-direction:column;gap:10px}}header .link-home[data-v-6689781a]{font-weight:900}header ul[data-v-6689781a]{justify-content:flex-end}header ul li a[data-v-6689781a]{font-weight:700;cursor:pointer}.spotlight-card[data-v-17232f9d]{background-color:#fcf3cfbe;border:solid 1px var(--primary-color);color:var(--text-color);position:relative;overflow:hidden;border-radius:16px;padding:var(--spacing-xxxx-large)}@media screen and (max-width:575px){.spotlight-card[data-v-17232f9d]{padding:var(--spacing-medium)}}.spotlight-card[data-v-17232f9d]{transition:all .3s ease}.spotlight-overlay[data-v-17232f9d]{pointer-events:none;position:absolute;inset:0;opacity:0;transition:opacity .5s ease;z-index:1}.spotlight-content[data-v-17232f9d]{position:relative;z-index:2}.spotlight-card[data-v-17232f9d]:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}footer[data-v-b06818b8]{width:90%;max-width:900px;margin:0 auto;border-radius:10px 10px 0 0}@media screen and (max-width:575px){footer[data-v-b06818b8]{width:95%}}h2[data-v-b06818b8]{color:var(--text-color)}.contact-zone[data-v-b06818b8]{gap:1rem;font-size:25px}.contact-zone a[data-v-b06818b8],.credits[data-v-b06818b8]{color:var(--text-color)}.zone-index[data-v-b06818b8]{z-index:10}.canva[data-v-884521d1]{width:100%;max-width:500px;aspect-ratio:5/3;height:auto;margin:0 auto}@media screen and (max-width:575px){.canva[data-v-884521d1]{max-width:300px}}.hero[data-v-204373e2]{min-height:90vh}@media screen and (max-width:575px){.hero[data-v-204373e2]{min-height:60vh}}@media screen and (min-width:768px){.hero[data-v-204373e2]{min-height:50vh}}.hero-layout[data-v-204373e2]{display:flex;align-items:center;justify-content:space-between;gap:40px}@media screen and (max-width:575px){.hero-layout[data-v-204373e2]{flex-direction:column;text-align:center;gap:30px}}.hero-text[data-v-204373e2],.hero-canvas[data-v-204373e2]{flex:1}.canva[data-v-204373e2]{width:500px;height:300px}@media screen and (max-width:575px){.canva[data-v-204373e2]{max-width:320px;height:200px}}@media screen and (min-width:768px){.canva[data-v-204373e2]{width:400px;height:250px}}.hero-actions[data-v-204373e2]{display:flex;justify-content:center;margin-top:80px;gap:20px}@media screen and (max-width:575px){.hero-actions[data-v-204373e2]{flex-direction:column;align-items:center;margin-top:40px}}section[data-v-caec813a]{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}section.section-visible[data-v-caec813a]{opacity:1;transform:translateY(0)}section ul[data-v-caec813a]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px}section ul li[data-v-caec813a]{margin-right:0}section h3[data-v-caec813a],section li[data-v-caec813a],section p[data-v-caec813a]{opacity:0;transform:translateY(20px)}section.section-visible h3[data-v-caec813a],section.section-visible li[data-v-caec813a],section.section-visible p[data-v-caec813a]{animation:fadeUp-caec813a .6s ease forwards}section.section-visible h3[data-v-caec813a]:nth-of-type(1){animation-delay:.1s}section.section-visible h3[data-v-caec813a]:nth-of-type(2){animation-delay:.2s}section.section-visible h3[data-v-caec813a]:nth-of-type(3){animation-delay:.3s}section.section-visible h3[data-v-caec813a]:nth-of-type(4){animation-delay:.4s}section.section-visible li[data-v-caec813a]{animation-delay:.5s}section ul[data-v-caec813a]{display:flex;margin-bottom:50px}section ul li[data-v-caec813a]{margin-right:2rem}section ul li i[data-v-caec813a]{margin-right:2px}@keyframes fadeUp-caec813a{to{opacity:1;transform:translateY(0)}}.skills-grid[data-v-caec813a]{display:grid;grid-template-columns:1fr;gap:40px}@media screen and (min-width:768px){.skills-grid[data-v-caec813a]{grid-template-columns:1fr 1fr}}.skills-legend[data-v-caec813a]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}section h2>span[data-v-1b9d0b11]{color:var(--text-color)}:root{--primary-color: #f76911;--primary-darker: #dd530e;--secondary-color: #654236;--light-color: #fcf3cf;--text-color: #444;--text-light: #ffffff;--spacing-xxxx-large: 6.4rem;--spacing-x-large: 2.4rem;--spacing-large: 1.6rem;--spacing-medium: 1.2rem;--spacing-small: .8rem;--spacing-x-small: .4rem;--font-family: "Roboto", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}h1,h2,h3,h4{margin:0}ul{list-style:none;padding:0}a{text-decoration:none;color:var(--primary-color);cursor:pointer}body{padding:0;margin:0;min-height:100vh;font-family:var(--font-family);color:var(--text-color);background-color:var(--light-color);overflow-x:hidden}section{width:100%;margin-bottom:var(--spacing-x-large)}@media screen and (min-width:768px){section{margin-bottom:var(--spacing-xxxx-large)}}h1,h2,h3,h4,h5,h6,p,li{counter-reset:var(--text-color)}.text-primary{color:var(--primary-color)}.text-lg{font-size:20px;font-weight:400}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.align-items-end{align-items:end}.flex-fill{flex:1 1 auto}.space-between{justify-content:space-between}.space-arround{justify-content:space-around}.w-50{width:50%}.px-20{padding-left:20px;padding-right:20px}.py-10{padding-top:10px;padding-bottom:10px}.mr-2{margin-right:2px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mb-2{margin-bottom:2px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-40{margin-bottom:40px}.mt-20{margin-top:20px}.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-80{margin-top:80px}.spacing-xl{padding:var(--spacing-xxxx-large)}.spacing-lg{padding:var(--spacing-large)}@media screen and (min-width:768px){.spacing-lg{padding:var(--spacing-x-large)}}@media screen and (min-width:992px){.spacing-lg{padding:var(--spacing-xxxx-large)}}.spacing-sm{padding:var(--spacing-small)}@media screen and (max-width:575px){.spacing-sm{padding:var(--spacing-x-small)}}.title-xl{font-size:40px}@media screen and (min-width:768px){.title-xl{font-size:55px}}@media screen and (min-width:992px){.title-xl{font-size:75px}}.title-lg{font-size:30px}@media screen and (min-width:768px){.title-lg{font-size:40px}}@media screen and (min-width:992px){.title-lg{font-size:50px}}.title-md{font-size:35px;color:var(--text-color)}.title-sm{font-size:25px;color:var(--text-color)}.tag{padding:.5rem 1rem;border-radius:.5rem;transition:transform .2s ease}@media screen and (max-width:575px){.tag{padding:.3rem .5rem;border-radius:.3rem;font-size:16px}}.tag:hover{transform:translateY(-2px)}.tag-primary{background-color:var(--primary-color);color:var(--text-light)}.tag-secondary{background-color:var(--secondary-color);color:var(--text-light)}.tag-tertiary{background-color:var(--text-color);color:var(--text-light)}.btn{padding:8px 15px;border-radius:4px;border:none;cursor:pointer}.btn-lg{padding:15px 25px;border-radius:4px;border:none;cursor:pointer;font-size:16px}.btn-primary{background-color:var(--primary-color);color:var(--text-light);transition:all .15s}.btn-primary:hover{background-color:var(--primary-darker)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-light)}.dock{position:relative;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:36px;padding:8px 16px;border-radius:16px;width:fit-content;margin:0 auto}.dock-item{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--text-color);background-color:transparent;cursor:pointer;transition:box-shadow .2s ease}.dock-item:hover{box-shadow:0 8px 20px var(--secondary-color)}.dock-tooltip{position:absolute;top:-40px;left:50%;transform:translate(-50%);padding:4px 8px;font-size:12px;border-radius:6px;background-color:#111;border:1px solid #333;color:var(--text-light);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease}.dock-tooltip.visible{opacity:1;visibility:visible}.b1{background-color:red}.b2{background-color:green}.b3{background-color:#00f}.b4{background-color:#ff0}.b5{background-color:purple}.app-wrapper{position:relative;min-height:100vh}.app-container{position:relative;z-index:1;display:grid;grid-template-areas:"header" "main-container" "footer";grid-template-rows:auto 1fr auto;min-height:100vh;background-color:#fcf3cfbe}.main-container{display:flex;margin:0 auto;width:90%}@media screen and (min-width:768px){.main-container{width:90%}}@media screen and (min-width:992px){.main-container{width:85%}}@media screen and (min-width:1200px){.main-container{width:1200px}}.dot-grid-bg{position:fixed;inset:0;height:100vh;z-index:0}