.pill-nav-container{position:fixed;top:0rem;left:0;right:0;width:100%;z-index:10000;display:flex;justify-content:center;pointer-events:none;background-color:var(--bg-site)}.pill-nav{--nav-h: 50px;--pill-pad-x: 18px;--pill-gap: 3px;width:95%;max-width:2200px;display:flex;align-items:center;justify-content:space-between;margin:10px auto;pointer-events:auto}.pill-logo{height:var(--nav-h);width:140px;background-image:var(--img-logo);background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;display:inline-flex;z-index:10001}.pill-nav-items{position:relative;display:flex;align-items:center;height:var(--nav-h);background:var(--base, #000);border-radius:9999px}.pill-list{list-style:none;display:flex;align-items:stretch;gap:var(--pill-gap);margin:0;padding:3px;height:100%}.pill{display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0 var(--pill-pad-x);background:var(--pill-bg, #fff);color:var(--nav-main);text-decoration:none;border-radius:9999px;font-weight:600;font-size:16px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden}.pill .hover-circle{position:absolute;left:50%;bottom:0;width:0;height:0;border-radius:50%;background:var(--base);z-index:1;display:block;pointer-events:none;transform:translate(-50%) scale(0);background-color:var(--nav-main)}.pill .label-stack{position:relative;z-index:2;display:inline-block;line-height:1}.pill .pill-label-hover{position:absolute;left:0;top:0;color:var(--bg-site);z-index:3;opacity:0}.pill.is-active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:var(--base, #000);border-radius:50px}.mobile-menu-popover{position:absolute;top:65px;left:1rem;right:1rem;background:var(--bg-site);border-radius:27px;box-shadow:0 10px 30px #0003;z-index:10001;padding:8px;border:1px solid rgba(var(--text-site-rgb),.1);visibility:hidden;opacity:0}.mobile-menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.mobile-menu-link{display:block;padding:15px 20px;color:var(--nav-main)!important;background-color:rgba(var(--text-site-rgb),.05);text-decoration:none;font-size:16px;font-weight:700;border-radius:50px;transition:all .2s ease;text-align:start}.mobile-menu-link:active{background-color:var(--nav-main);color:var(--bg-site)!important}.mobile-menu-button{width:var(--nav-h);height:var(--nav-h);border-radius:50%;background:var(--nav-main, #4FA68D);border:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:10002}.hamburger-line{width:18px;height:2px;background:var(--bg-site);border-radius:1px}.desktop-only{display:flex}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none}.mobile-only,.mobile-menu-button{display:flex}.pill-nav{width:100%;padding:0 1rem}}.hero-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-site);padding-top:80px;overflow:hidden;position:relative}.hero-content{text-align:center;display:flex;flex-direction:column;align-items:center;z-index:2}.profile-area{position:relative;width:250px;height:250px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center}.profile-pic-container{width:250px;height:250px;border-radius:50%;overflow:hidden;border:4px solid var(--nav-main);background-color:#fff;z-index:5;box-shadow:0 10px 30px #0000001a}.profile-pic{width:100%;height:100%;object-fit:cover}.pulsing-ring{position:absolute;border:2px solid var(--nav-main);border-radius:50%;opacity:0;pointer-events:none;animation:pulse-ring 3s cubic-bezier(.45,0,.55,1) infinite}.ring-1{width:200px;height:200px;animation-delay:0s}.ring-2{width:240px;height:240px;animation-delay:1s}.ring-3{width:280px;height:280px;animation-delay:2s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.5);opacity:0}}.hero-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:800;color:var(--text-site);margin-bottom:.5rem;letter-spacing:-1px}.typing-box{height:3rem;display:flex;align-items:center;justify-content:center;font-size:clamp(1.2rem,4vw,1.8rem);font-weight:600;color:var(--nav-main);margin-bottom:2rem}.typing-cursor{margin-left:4px;font-weight:300;animation:blink .8s infinite}@keyframes blink{50%{opacity:0}}.hero-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary{background-color:var(--nav-main);color:#fff;padding:14px 32px;border-radius:9999px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--nav-main-rgb),.3)}.btn-secondary{border:2px solid var(--nav-main);color:var(--nav-main);padding:12px 30px;border-radius:9999px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary:hover{transform:translateY(-3px);filter:brightness(1.1)}.btn-secondary:hover{background-color:var(--nav-main);color:#fff}@media(max-width:480px){.hero-buttons{flex-direction:column;padding:0 20px}.profile-area{width:180px;height:180px}.profile-pic-container{width:150px;height:150px}.hero-title{font-size:2.2rem}}.pixelated-image-card{background-color:#222;color:var(--color-primary, #fff);border-radius:15px;border:2px solid #fff;width:400px;max-width:100%;position:relative;overflow:hidden}.pixelated-image-card__default,.pixelated-image-card__active,.pixelated-image-card__pixels{width:100%;height:100%;position:absolute;top:0;left:0}.pixelated-image-card__active{z-index:2}.pixelated-image-card__active{display:none}.pixelated-image-card__pixels{pointer-events:none;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%}.pixelated-image-card__pixel{display:none;position:absolute}.about-section{width:100%;max-width:100vw;min-height:100vh;padding:100px 10%;background-color:var(--bg-site);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;box-sizing:border-box}.section-header{width:100%;margin-bottom:60px;text-align:left}.title-underline{width:60px;height:6px;background-color:var(--nav-main);margin-top:10px}.about-container{max-width:1200px;width:100%;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.about-visual{width:100%;border-radius:20px;overflow:hidden;box-shadow:20px 20px 60px #0000000d}.about-image{width:100%;height:100%;object-fit:cover}.about-card-active{width:100%;height:100%;background-color:var(--nav-main);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bg-site);text-align:center}.about-card-active p{font-size:1.4rem;font-weight:600;font-style:italic;margin-bottom:15px}.about-greeting{font-size:2rem;color:var(--text-site);margin-bottom:25px;line-height:1.2}.about-bio p{font-size:1.15rem;line-height:1.7;color:var(--text-site);opacity:.85;margin-bottom:20px}.about-skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.skill-badge{padding:8px 18px;background:transparent;border:2px solid var(--nav-main);color:var(--nav-main);border-radius:50px;font-size:.9rem;font-weight:700}@media(max-width:968px){.about-container{grid-template-columns:1fr;gap:0px}.section-title{font-size:2.5rem}.about-visual{max-width:300px;margin:0 auto}.about-bio p{font-size:1 rem;line-height:1;color:var(--text-site);opacity:.85;margin-bottom:20px}}.education-section{width:100%;max-width:100vw;padding:80px 5%;background-color:var(--bg-site);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;box-sizing:border-box}.timeline-container{max-width:800px;width:100%;position:relative;margin-top:40px;padding-left:40px;box-sizing:border-box}.timeline-container:before{content:"";position:absolute;left:15px;top:0;width:2px;height:100%;background:var(--nav-main);opacity:.3}.timeline-item{position:relative;margin-bottom:50px;width:100%}.timeline-dot{position:absolute;left:-32px;top:8px;width:12px;height:12px;background:var(--nav-main);border:3px solid var(--bg-site);border-radius:50%;z-index:2}.timeline-date{font-size:.85rem;font-weight:800;color:var(--nav-main);margin-bottom:8px;text-transform:uppercase}.timeline-content{background:rgba(var(--nav-main-rgb),.05);padding:20px;border-radius:12px;width:100%;box-sizing:border-box}.timeline-content h3{font-size:1.3rem;margin:0 0 5px;color:var(--text-site)}.timeline-content h4{font-size:.95rem;color:var(--nav-main);margin:0 0 10px}.timeline-content p{font-size:.95rem;line-height:1.5;margin:0;opacity:.8}@media(max-width:768px){.education-section{padding:60px 20px}.timeline-container{padding-left:30px}.timeline-container:before{left:10px}.timeline-dot{left:-25px}.timeline-content{padding:15px}.timeline-content h3{font-size:1.1rem}}.carousel-container{position:relative;overflow:visible;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center}.carousel-track{display:flex;align-items:center;transform-style:preserve-3d}.carousel-item{flex-shrink:0;background-color:var(--nav-pill, #111);border:1px solid rgba(var(--nav-main-rgb, 79, 166, 141),.3);border-radius:24px;padding:30px;backface-visibility:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center}.carousel-image-container{width:100px;height:100px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden;padding:5px}.carousel-img{width:100%;height:100%;object-fit:contain}.carousel-item-title{font-size:1.5rem;font-weight:900;color:var(--text-site);margin-bottom:10px}.carousel-item-description{font-size:1rem;line-height:1.5;color:var(--text-site);opacity:.8}.carousel-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--text-site);background-color:transparent;opacity:.3;margin:10px 8px;cursor:pointer;display:inline-flex}.carousel-indicator.active{background-color:var(--nav-main);border-color:var(--nav-main);opacity:1;box-shadow:0 0 12px var(--nav-main)}@media(max-width:768px){.carousel-item{padding:20px}.carousel-item-title{font-size:1.2rem}.carousel-item-description{font-size:.9rem}}.experience-section{width:100%;min-height:100vh;padding:100px 10%;background-color:var(--bg-site);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;box-sizing:border-box}.experience-carousel-wrapper{flex:1;width:100%;display:flex;align-items:center;justify-content:center;perspective:1200px}@media(max-width:968px){.experience-section{padding:80px 5%}.section-title{font-size:2.5rem}}@media(max-width:768px){.experience-section{padding:60px 20px;min-height:auto}.section-header{margin-bottom:30px}.section-title{font-size:2rem}.experience-carousel-wrapper{perspective:1000px;padding:20px 0}.experience-carousel-wrapper .carousel-container{width:100%!important;max-width:100vw!important;overflow:visible}}@media(max-width:480px){.section-title{font-size:1.8rem}.experience-section{padding:40px 15px}}.card{position:absolute;top:60%;left:50%;border-radius:24px;padding:40px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 40px #0003;cursor:default}.card-internal-btn{align-self:flex-start;padding:6px 18px;background-color:var(--nav-main);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9rem;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--nav-main-rgb),.3)}.card-internal-btn:hover{transform:scale(1.05);filter:brightness(1.2)}.card-internal-btn:active{transform:scale(.95)}@media(max-width:600px){.card{width:90vw!important;padding:10px;height:400px;min-height:280px;box-shadow:0 4px 10px rgba(var(--nav-main-rgb),.2)!important}.card-internal-btn{width:100%;align-self:center;padding:6px 4px;text-align:center}}.proj-img{width:100%;height:150px;object-fit:cover;border-radius:12px;margin-bottom:15px}.card-content h3{font-size:1.4rem;font-weight:800;margin-bottom:10px}.card-content p{font-size:1rem;line-height:1.5;opacity:.8;margin-bottom:20px}@media(max-width:768px){.projects-section{padding:60px 20px}.section-title{font-size:2.2rem}.projects-swap-wrapper{min-height:550px;margin-top:0}.card-swap-container{transform:translate(-10px,40px)}.card{width:85vw!important}.proj-img{height:140px}}.projects-section{width:100%;padding:100px 10%;background-color:var(--bg-site);display:flex;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box}.section-header{width:100%;max-width:1200px;margin-bottom:60px;text-align:left}.section-title{font-size:3rem;font-weight:900;text-transform:uppercase;color:var(--text-site);margin:0;letter-spacing:-1px}.title-underline{width:60px;height:6px;background-color:var(--nav-main);margin-top:10px;border-radius:50px}.projects-swap-wrapper{width:100%;display:flex;justify-content:center;align-items:center;min-height:600px;margin-top:20px;position:relative}.card-swap-container{position:relative;display:flex;justify-content:center;align-items:center;perspective:1200px;transform-style:preserve-3d}.card{position:absolute;background-color:var(--nav-pill, #1a1a1a);border:1px solid rgba(var(--nav-main-rgb, 79, 166, 141),.3);border-radius:24px;box-shadow:0 15px 45px #0009;overflow:hidden;color:var(--text-site);display:flex;flex-direction:column}.card-content{padding:24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.proj-img{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:15px}.card-content h3{font-size:1rem;font-weight:800;margin-bottom:10px}.card-content p{font-size:.95rem;line-height:1.5;opacity:.8;margin-bottom:20px}.proj-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{font-size:.7rem;font-weight:600;background:rgba(var(--nav-main-rgb),.1);color:var(--nav-main);padding:4px 10px;border-radius:50px}.card-links{display:flex;gap:15px;margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.link-icon{display:flex;align-items:center;gap:6px;color:var(--nav-main);text-decoration:none;font-size:.85rem;font-weight:600}@media(max-width:768px){.projects-section{padding:60px 20px}.section-title{font-size:2.2rem}.projects-swap-wrapper{min-height:550px;margin-top:0}.card-swap-container{transform:translate(-10px,40px)}.card{width:85vw!important}.proj-img{height:140px}.card-content h3{font-size:.7rem;font-weight:800;margin-bottom:10px}}.icon-btns{display:grid;grid-gap:5em;grid-template-columns:repeat(2,1fr);margin:auto;padding:3em 0;overflow:visible}.icon-btn{background-color:transparent;outline:none;position:relative;width:4.5em;height:4.5em;perspective:24em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;border:none;cursor:pointer}.icon-btn__back,.icon-btn__front,.icon-btn__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.icon-btn__back,.icon-btn__front{border-radius:1.25em;position:absolute;top:0;left:0;width:100%;height:100%}.icon-btn__back{box-shadow:.5em -.5em .75em #17181c26;display:block;transform:rotate(15deg);transform-origin:100% 100%;will-change:transform}.icon-btn__front{background-color:#ffffff26;box-shadow:0 0 0 .1em #ffffff4d inset;backdrop-filter:blur(.75em);-webkit-backdrop-filter:blur(.75em);-moz-backdrop-filter:blur(.75em);display:flex;transform-origin:80% 50%;will-change:transform}.icon-btn__icon{margin:auto;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center}.icon-btn__label{font-size:1em;white-space:nowrap;text-align:center;line-height:2;opacity:0;position:absolute;top:100%;right:0;left:0;transform:translateY(0)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg) translate3d(-.5em,-.5em,.5em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(2em)}.icon-btn:focus-visible .icon-btn__label,.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(20%)}@media(min-width:768px){.icon-btns{grid-template-columns:repeat(3,1fr)}}.skills-section{width:100%;padding:100px 10%;background-color:var(--bg-site);display:flex;flex-direction:column;align-items:center;overflow:hidden;box-sizing:border-box}.section-header{text-align:center;margin-bottom:40px}.section-title{font-size:2.5rem;color:var(--text-site);margin-bottom:10px}.title-underline{width:60px;height:4px;background-color:var(--nav-main);margin:0 auto;border-radius:2px}.skills-container{width:100%;max-width:1000px;display:flex;flex-direction:column;gap:60px;margin-top:40px}.skill-category{width:100%;display:flex;flex-direction:column;align-items:flex-start}.category-subtitle{font-size:1.1rem;color:var(--nav-main);text-transform:uppercase;letter-spacing:2px;margin-bottom:25px;font-weight:800;border-left:4px solid var(--nav-main);padding-left:15px;line-height:1}.skills-grid-container{width:100%;display:flex;justify-content:flex-start}.icon-btns{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:30px;width:100%}.icon-btn{position:relative;border:none;background:transparent;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.icon-btn:hover{transform:translateY(-8px)}.icon-btn__front{width:70px;height:70px;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:18px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);z-index:2}.icon-btn__icon{font-size:30px;color:var(--text-site)}.icon-btn__back{position:absolute;top:4px;left:4px;width:70px;height:70px;border-radius:18px;filter:blur(15px);opacity:.4;z-index:1;transition:opacity .3s ease}.icon-btn:hover .icon-btn__back{opacity:.7}.icon-btn__label{margin-top:10px;font-size:.8rem;font-weight:600;color:var(--text-site);letter-spacing:.5px;text-align:center;opacity:0;transform:translateY(5px);transition:all .3s ease;pointer-events:none}.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(0)}@media(max-width:768px){.skills-section{padding:60px 20px}.skills-container{gap:45px}.skill-category{align-items:center}.category-subtitle{font-size:.95rem;border-left:none;border-bottom:2px solid var(--nav-main);padding:0 0 5px;margin-bottom:20px;align-self:center}.icon-btns{grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center}.icon-btn__front,.icon-btn__back{width:60px;height:60px}.icon-btn__label{opacity:0;transform:translateY(0);font-size:.75rem}}.contact-section{width:100%;padding:100px 10%;background-color:var(--bg-site);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.contact-subtitle{color:var(--text-site);opacity:.8;margin-bottom:50px;text-align:center;font-size:1.1rem}.contact-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;width:100%;max-width:1100px}.contact-card{flex:1;min-width:280px;max-width:350px;padding:30px;background:rgba(var(--text-site-rgb),.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--text-site-rgb),.1);border-radius:20px;display:flex;align-items:center;gap:20px;text-decoration:none;transition:all .3s ease}.contact-card:hover{transform:translateY(-5px);background:rgba(var(--text-site-rgb),.08);border-color:var(--nav-main)}.contact-icon{font-size:2rem;display:flex;align-items:center;justify-content:center}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-label{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;color:var(--nav-main);font-weight:700}.contact-value{font-size:.95rem;color:var(--text-site);font-weight:500;word-break:break-all}@media(max-width:768px){.contact-section{padding:60px 20px}.contact-card{width:100%;padding:20px}.contact-icon{font-size:1.6rem}}.footer{background-color:var(--nav-main);padding:60px 0 30px;border-top:1px solid rgba(255,255,255,.05);width:100%}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-wrap:wrap;gap:30px}.footer-info{flex:1;min-width:250px}.footer-logo{font-size:1.5rem;font-weight:800;color:var(--text-site);margin-bottom:10px}.footer-logo span{color:var(--bg-site)}.footer-info p{font-size:1rem;opacity:.7;max-width:350px;line-height:1.6}.footer-bottom{margin-top:50px;text-align:center;border-top:1px solid rgba(255,255,255,.05);padding-top:30px}.footer-bottom p{font-size:.8rem;opacity:.5}.footer-tag{margin-top:10px;font-weight:600;color:var(--bg-site)!important;opacity:.8!important}@media(max-width:600px){.footer-container{flex-direction:column;text-align:center}.footer-info{display:flex;flex-direction:column;align-items:center}.footer-socials{justify-content:center}}:root{--bg-site: #FAF9F6;--text-site: #1A1C1A;--nav-main: #4FA68D;--nav-pill: #FAF9F6;--img-logo: url(/assets/baroniVerde.png)}@media(prefers-color-scheme:dark){:root{--bg-site: #000000;--text-site: #FFFFFF;--nav-main: #3A86FF;--nav-pill: #1A1A1A;--img-logo: url(/assets/baroniAzuil.png)}}body{background-color:var(--bg-site);color:var(--text-site);margin:0}