.site-header{background:var(--bg);border-bottom:1px solid #ffffff0a;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:30}.header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 16px}.logo{font-size:1.6rem;font-weight:700;text-decoration:none}.logo-white{color:var(--white)}.logo-accent{color:var(--accent)}.nav ul{display:flex;gap:26px;list-style:none;margin:0;padding:0}.nav a{color:var(--white);font-size:1rem;text-decoration:none;transition:.25s ease}.nav a:hover{color:var(--accent)}.menu-btn{display:none}@media (max-width:900px){.nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border-left:1px solid var(--glass-border);height:100%;opacity:0;padding:100px 24px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.9,.2,1),opacity .3s ease;width:280px;z-index:40}.nav.open{opacity:1;transform:translateX(0)}.nav ul{flex-direction:column;gap:18px}.menu-btn{background:none;border:none;cursor:pointer;display:block;padding:6px;z-index:50}}.burger{display:block;position:relative}.burger,.burger:after,.burger:before{background:var(--white);border-radius:6px;height:3px;transition:.3s;width:28px}.burger:after,.burger:before{content:"";left:0;position:absolute}.burger:before{top:-8px}.burger:after{top:8px}.burger.open{background:#0000}.burger.open:before{transform:translateY(8px) rotate(45deg)}.burger.open:after{transform:translateY(-8px) rotate(-45deg)}.overlay{background:#00000073;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s;z-index:35}.overlay.visible{opacity:1;pointer-events:auto}.menu-btn:focus,.nav a:focus{outline:2px dashed var(--accent);outline-offset:3px}.site-footer{background:var(--bg);border-top:1px solid #ffffff0d;margin-top:40px;padding:20px 0;width:100%}.footer-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width);padding:0 16px}.footer-left p,.footer-right p{color:#ffffffb3;font-size:.95rem;margin:0;transition:color .25s ease}.footer-left p:hover,.footer-right p:hover{color:var(--accent)}@media (max-width:600px){.footer-inner{flex-direction:column;gap:8px;text-align:center}}:root{--white:#fff;--black:#000;--accent:#b78cff;--text-soft:#ffffffbf;--text-faded:#fff9;--glass-bg:#ffffff08;--glass-border:#ffffff14;--page-bg:#000}body{color:#fff;color:var(--white);font-family:Inter,sans-serif}.site-header,body{background:#000;background:var(--page-bg)}.site-header{overflow:hidden}.home{color:#fff;color:var(--white);padding:80px 0}.container{margin:auto;max-width:1100px;padding:0 20px}.img-react{border-radius:10px;margin-bottom:35px;width:300px}.home .title{font-size:3rem;font-weight:700;margin-bottom:18px}.home .title-white{color:#fff;color:var(--white)}.home .title-accent{color:#b78cff;color:var(--accent)}.home .lead{color:#ffffffbf;color:var(--text-soft);font-size:1.15rem;line-height:1.7;margin-bottom:40px}.home-layout{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:300px 1fr;margin-top:40px}.profile-frame{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;background:var(--glass-bg);border:2px solid #ffffff14;border:2px solid var(--glass-border);border-radius:16px;box-shadow:0 0 20px #b78cff26;padding:14px;transition:.3s}.profile-frame:hover{box-shadow:0 0 32px #b78cff40;transform:translateY(-4px)}.profile-photo{filter:brightness(.78);width:260px}.profile-box{display:inline-block;position:relative}.profile-box:before{border-radius:inherit;content:"";filter:drop-shadow(0 0 10px #b78cff) drop-shadow(0 0 20px rgba(183,140,255,.55));filter:drop-shadow(0 0 10px var(--accent)) drop-shadow(0 0 20px rgba(183,140,255,.55));inset:0;-webkit-mask-image:url(/static/media/perfil-pedro.3f0809954808393f8445.jpg);mask-image:url(/static/media/perfil-pedro.3f0809954808393f8445.jpg);-webkit-mask-size:cover;mask-size:cover;pointer-events:none;position:absolute}.home-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:1fr 1fr}.home-grid .card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:14px;padding:24px;transition:.25s ease}.home-grid .card:hover{background:#ffffff0d;transform:translateY(-4px)}.home-grid .card h3{color:#b78cff;color:var(--accent);font-size:1.3rem;margin-bottom:12px}.home-grid .card li,.home-grid .card p{color:#ffffffbf;color:var(--text-soft);font-size:.95rem;line-height:1.6}.home-grid .card ul{list-style:none;margin:0;padding:0}.home-grid .card ul li:before{color:#b78cff;color:var(--accent);content:"• "}@media (max-width:900px){.home-layout{grid-template-columns:1fr;text-align:center}.profile-frame{margin:0 auto;max-width:100px}.home-grid{grid-template-columns:1fr}}@media (max-width:600px){.home .title{font-size:2.2rem}.lead{font-size:1rem}}.about{color:#fff}.about-intro{font-size:1.05rem;line-height:1.7;margin-bottom:20px;opacity:.9}.about .sub{color:#fff;font-size:1.3rem;margin:40px 0 20px}.tech-icons{align-items:center;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin-top:20px}.tech-icons img{cursor:pointer;height:40px;transition:transform .3s ease,filter .3s ease;width:40px}.tech-icons img:hover{filter:brightness(1.2);transform:scale(1.2)}.timeline{display:flex;flex-direction:column;gap:25px;margin-top:20px}.timeline-item{grid-gap:20px;align-items:center;background:#111;border:1px solid #222;border-radius:12px;display:grid;gap:20px;grid-template-columns:200px 130px auto;padding:20px;transition:.25s ease}.timeline-item:hover{background:#161616;border-color:#3a3a3a;transform:translateY(-2px)}.timeline-left{font-size:1.05rem;font-weight:600}.timeline-date{background:#6c5ce7;border:1px solid #a29bfe;border-radius:50px;color:#fff;display:inline-block;font-size:.85rem;padding:6px 12px}.timeline-right{line-height:1.5;opacity:.9}@media (max-width:800px){.timeline-item{grid-template-columns:1fr;text-align:left}.timeline-date{margin:5px 0 10px}}.projects{color:var(--white);padding:60px 0}.projects .section-title{font-size:2rem;margin-bottom:22px}.projects .title-white{color:var(--white)}.projects .title-accent{color:var(--accent)}.projects-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(2,1fr);margin-top:30px}.project-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;padding:22px;transition:.25s ease}.project-card:hover{border-color:var(--accent);box-shadow:0 0 14px #b26bff40;transform:translateY(-4px)}.project-card h3{color:var(--white);font-size:1.3rem;margin-bottom:8px}.project-card p{color:var(--text-soft);line-height:1.5;margin-bottom:14px}.project-link{color:var(--accent);display:inline-block;font-weight:600;text-decoration:none;transition:.25s ease}.project-link:hover{opacity:.8}@media (max-width:700px){.projects-grid{grid-template-columns:1fr}.projects .section-title{font-size:1.7rem}}.contact,.contact-subtitle{color:var(--white)}.contact-subtitle{font-size:1.05rem;margin-bottom:25px;opacity:.8}.contact-socials{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.email,.github,.linkedin,.whatsapp{border-radius:5px}.github{background-color:#24292e}.linkedin{background-color:#fff;color:#0a66c2}.whatsapp{background-color:#000;color:#25d366}.instagram{background:linear-gradient(45deg,#feda77,#f58529 25%,#dd2a7b 50%,#8134af 75%,#515bd4);border-radius:7px}.email{color:#768ba6}.social-card{align-items:center;background:#111;border:1px solid #1c1c1c;border-radius:10px;color:var(--white);display:flex;gap:15px;padding:15px 18px;text-decoration:none;transition:.3s ease}.social-card:hover{border-color:var(--accent);box-shadow:0 0 10px #b78cff80;transform:translateX(6px)}.social-card .icon{font-size:1.6rem}.social-card h4{color:var(--accent);font-size:1.1rem;margin:0}.social-card p{font-size:.9rem;margin:0;opacity:.7}.contact-form{gap:20px}.contact-form,.contact-form label{display:flex;flex-direction:column}.contact-form label{color:var(--white);font-size:.95rem}.contact-form input,.contact-form textarea{background:#111;border:1px solid #333;border-radius:6px;color:var(--white);font-size:1rem;margin-top:6px;padding:12px;transition:.3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 6px #b78cff66;outline:none}.btn{background:var(--accent);border:none;border-radius:8px;color:var(--bg);cursor:pointer;font-weight:600;padding:12px 20px;transition:.3s ease}.btn:hover{background:#d6bbff;box-shadow:0 0 10px #b78cffb3}.loadingScreen{align-items:center;animation:fadeOutScreen .8s ease forwards;animation-delay:2.2s;background:#00000073;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100%}.pedroDev{animation:textAppear 1.2s ease forwards;color:#fff;font-size:2.8rem;font-weight:700;opacity:0}.logoGlow{animation:glow 2s ease-in-out infinite alternate;color:#b78cff}.frontEnd{animation:textAppear 1.2s ease forwards;color:#fff;font-weight:700;opacity:0}@keyframes textAppear{0%{opacity:0;transform:translateY(20px)}60%{opacity:1;transform:translateY(0)}to{opacity:1}}@keyframes glow{0%{text-shadow:0 0 5px #b78cff55}to{text-shadow:0 0 20px #b78cffaa}}@keyframes fadeOutScreen{to{opacity:0;visibility:hidden}}
/*# sourceMappingURL=main.f2ce0174.css.map*/