.section-about{max-width:1300px;margin:auto}.section-about h2{text-align:center;color:#38bdf8;margin-bottom:30px;font-size:30px}.section-about p{text-indent:1rem;color:#cbd5f5;text-align:justify;max-width:720px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:20px;line-height:1.6}.highlight{color:#38bdf8;font-weight:600}@media (max-width:768px){.section-about h2{text-align:center;margin-bottom:20px;font-size:22px}.section-about p{padding-left:1rem;padding-right:1rem;font-size:16px}}
.section-contact{text-align:center;justify-content:center;align-items:center;min-height:80vh;padding-bottom:40px}.section-contact h2{color:#38bdf8;margin-bottom:30px;font-size:30px}.section-contact h3{color:#cbd5f5;margin-bottom:20px;font-size:20px}.section-contact p{color:#cbd5f5;text-align:center;padding-top:10px;font-size:clamp(11px,2vw,9px);line-height:1.6}.contacts-links{justify-content:center;gap:20px;padding:0;text-decoration:none;display:flex}.contact-links{justify-content:center;gap:20px;padding-top:.5rem;display:flex}.contact-links a{color:#38bdf8;text-decoration:none;transition:all .3s}.contact-links a:hover{transform:scale(1.2)}.avatar{-webkit-user-select:none;user-select:none;pointer-events:none;opacity:1;margin-top:2rem;margin-left:auto;margin-right:auto;display:block;transform:none}.scroll-top{color:#fff;z-index:50;opacity:.35;background:#38bdf8;border-radius:50%;padding:10px 14px;font-size:18px;transition:transform .3s,opacity .4s,bottom .2s;position:fixed;bottom:20px;right:20px}.scroll-top:hover{opacity:1;transform:translateY(-4px)}.scroll-top.is-idle{opacity:1}@media (max-width:768px){.section-contact h2{padding-bottom:5px;font-size:22px}.section-contact h3{margin-bottom:15px;font-size:18px}.section-contact p{padding-top:8px;font-size:clamp(10px,2vw,12px)}}
.hero{justify-content:center;align-items:center;min-height:80vh;margin-bottom:20px;padding-top:20px;display:flex}.hero-intro{color:#94a3b8;margin:0;padding:0;font-size:24px;font-weight:700}.hero-title{margin:0;padding:0;font-size:clamp(34px,6vw,54px);font-weight:700}.hero-role{color:#38bdf8;margin-bottom:5px;font-size:clamp(20px,3vw,26px)}.hero-description{color:#cbd5f5;font-size:clamp(16px,2vw,20px);line-height:1.6}.hero-buttons{flex-wrap:wrap;justify-content:left;gap:20px;margin-bottom:30px;display:flex}.btn-primary{color:#000;background:#38bdf8;border:1px solid #38bdf8;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.btn-primary:hover{color:#fff;background:#fff0;border:1px solid #38bdf8;border-radius:8px;padding:12px 24px;transform:scale(1.1)}.btn-secondary{color:#38bdf8;border:1px solid #38bdf8;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s}.btn-secondary:hover{color:#fff;background:#38bdf8;border-radius:8px;padding:12px 24px;font-weight:600;text-decoration:none;transform:scale(1.1)}.hero-socials{justify-content:left;align-items:center;gap:16px;margin-top:20px;display:flex}.hero-socials a{align-items:center;transition:all .3s;display:flex}.hero-socials a:hover{transform:scale(1.2)}.hero-wrapper{align-items:center;gap:60px;max-width:1100px;display:flex}.hero-text{max-width:600px}.hero-image{justify-content:center;align-items:center;display:flex;position:relative}.profile-img{border:2px solid #38bdf899;border-radius:50%;transition:transform .3s,box-shadow .3s;animation:6s ease-in-out infinite float;box-shadow:0 0 10px #38bdf866,0 0 60px #38bdf833}.profile-img:hover{transform:scale(1.01);box-shadow:0 0 10px #38bdf8b3,0 0 80px #38bdf866}.hero-image:before{content:"";filter:blur(60px);z-index:-1;background:radial-gradient(circle,#38bdf859,#38bdf81a,#0000);border-radius:50%;width:360px;height:360px;position:absolute}@media (max-width:768px){.hero-intro{font-size:20px}.hero-wrapper{text-align:center;flex-direction:column}.hero-image{order:-1}.profile-img{width:180px;height:220px}.hero{padding:20px}.hero-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{text-align:center;width:200px;padding:10px 20px}.hero-socials{flex-direction:row;justify-content:center;align-items:center}}
.hero-role{margin-bottom:20px;font-size:clamp(20px,3vw,30px)}
main{padding-top:calc(80px + env(safe-area-inset-top))}.navbar{padding-top:env(safe-area-inset-top);height:calc(80px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;box-sizing:border-box;background:#131d349c;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-left:120px;padding-right:120px;display:flex;position:fixed;top:0;left:0;right:0}.nav-links{gap:25px;list-style:none;display:flex}.nav-links a{color:#38bdf8;font-size:.9rem;text-decoration:none}.nav-links a:hover{color:#cbd5f5;transition:all .3s;transform:scale(1.1)}.menu-icon{cursor:pointer;display:none}.active-link{border-bottom:1px solid #78d0f6;padding-bottom:2px;font-weight:800}@media (max-width:768px){.menu-icon{display:block}.navbar{padding-left:0;padding-right:50px}.nav-links{background:#020617;flex-direction:column;gap:15px;width:200px;padding:20px;transition:all .3s;position:absolute;top:70px;right:0;transform:translate(100%)}.nav-links.active{transform:translate(0)}}
.projects{text-align:center;min-height:80vh;padding:20px}.projects-title{color:#38bdf8;margin-bottom:30px;font-size:30px}.projects-subtitle{color:#94a3b8;margin-bottom:30px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1300px;margin:auto;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;padding:16px;transition:all .35s;position:relative;overflow:hidden}.project-card:hover{border:1px solid #38bdf866;box-shadow:0 10px 30px #0009,0 0 25px #38bdf840}.project-image{border-radius:0;margin-top:0;margin-bottom:0;transition:transform .4s;display:block;width:100%!important;height:auto!important}.project-card h3{color:#cbd5f5}.project-card p{color:#cbd5f5;font-size:clamp(14px,2vw,16px);line-height:1.5}.tech-icons{color:#38bdf8;gap:12px;margin-top:10px;font-size:24px;display:flex}.project-links{justify-content:center;gap:20px;padding-top:.5rem;display:flex}.project-links a{color:#38bdf8;text-decoration:none;transition:all .3s}.project-links a:hover{transform:scale(1.2)}.browser-frame{background:#0f172a;border:1px solid #ffffff14;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 10px 40px #0009}.browser-header{background:#020617;gap:8px;padding:10px;display:flex}.browser-dot{border-radius:50%;width:10px;height:10px}.red{background:#f14036}.yellow{background:#ffbd2e}.green{background:#27c93f}@media (max-width:768px){.projects-title{font-size:clamp(22px,2vw,30px)}.projects-subtitle{font-size:clamp(18px,2vw,26px)}.project-card h3{font-size:clamp(17px,2vw,19px)}.project-card p{font-size:clamp(14px,2vw,16px)}.tech-icons{font-size:20px}.project-links a{font-size:14px}}
.section-tecnologies{text-align:center;min-height:70vh}.section-tecnologies h2{color:#38bdf8;margin-bottom:30px;font-size:30px}.section-tecnologies{max-width:1300px;margin:auto;padding:2rem 1rem}.tech-category{margin-bottom:2rem}.tech-category h3{color:#cbd5f5;font-size:1.2rem}.tech-grid{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.tech-item{background:#4847478b;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:all .3s;display:flex}.tech-item span{color:#38bdf8}@media (max-width:768px){.section-tecnologies h2{margin-bottom:20px;font-size:22px}.tech-category h3{font-size:18px}.tech-item{padding:10px 12px}.tech-item span{font-size:14px}}