@import"https://fonts.googleapis.com/css2?family=Aboreto&display=swap";header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background-color:var(--bg-color);color:var(--text-color);font-family:akatab,sans-serif;z-index:1000}.logo{text-decoration:none;color:var(--text-color);font-size:1.5rem;font-weight:700}.nav{display:flex;flex-grow:1;justify-content:center}.nav-list{list-style-type:none;display:flex;padding:0;margin:0}.nav-list li{margin:0 1rem}.nav-list li a{text-decoration:none;color:var(--text-color);font-size:1.2rem;font-weight:300}.nav-list .inicio{text-decoration:underline;text-underline-offset:.6rem;color:var(--text-color);font-size:1.2rem;font-weight:300}.social-icons-nav{cursor:pointer;display:flex;align-items:center}.social-icons-nav a{margin:0 .5rem;font-size:1.5rem;color:var(--text-color)}.menu-toggle{position:absolute;left:1rem;display:none;flex-direction:column;cursor:pointer}.menu-toggle .bar{width:25px;height:3px;background-color:var(--text-color);margin:4px 0;transition:.3s}@media (max-width: 768px){header{padding:1rem}.nav{display:none;position:absolute;top:60px;left:0;width:100%;background-color:var(--bg-color);flex-direction:column;align-items:center;z-index:999}.nav.active{display:flex}.nav-list{display:block;padding:0;margin:0;width:100%}.nav-list li{margin:1rem 0;text-align:center}.nav-list li a{font-size:1.2rem}.logo{flex:1;text-align:center;font-size:1.5rem;font-weight:700}.social-icons-nav{display:none}.menu-toggle{display:flex}}.menu-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle.active .bar:nth-child(2){opacity:0}.menu-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.sobre-mi{background-color:#f9f9f9;padding:80px 0 40px;position:relative;margin-top:80px;overflow-x:hidden}.sobre-mi .container{max-width:1100px;margin:0 auto;padding-left:15px;padding-right:15px;display:flex;align-items:center;justify-content:space-between;gap:60px;flex-wrap:wrap;box-sizing:border-box}.sobre-mi .image{display:flex;justify-content:center;align-items:center}.profile-logo{width:260px;height:260px;border-radius:50%;border:3px solid var(--second-bg-color);object-fit:cover;box-shadow:0 4px 24px #00000014;background:#fff;transition:transform .3s,box-shadow .3s}.profile-logo:hover{transform:scale(1.05);box-shadow:0 8px 32px #0000001f}.sobre-mi .text{flex:1;min-width:260px}.sobre-mi .text h2{color:var(--bg-color);font-size:3rem;margin-bottom:18px;font-weight:700}.sobre-mi .text p{color:#444;font-size:1.15rem;line-height:1.7;margin-bottom:10px}.sobre-mi .button-group{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}.sobre-mi .btn{font-family:Akatab,sans-serif;padding:10px 24px;font-size:1rem;border-radius:6px;text-decoration:none;color:#fff;background:var(--second-bg-color);border:none;box-shadow:0 2px 8px #0000000f;transition:transform .3s,filter .3s}.sobre-mi .btn:hover{background:#fff;color:#111;border:1.5px solid #111;box-shadow:0 2px 8px #0000001a;transform:scale(1.08);filter:none}.tecnologias{text-align:center;margin-top:48px}.tecnologias h2{font-size:2.2rem;color:var(--bg-color);margin-bottom:18px;font-weight:600;padding-top:2rem}.iconos-tecnologias{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding-bottom:5rem}.icon{font-size:2.3rem;color:var(--bg-color);transition:color .3s,transform .3s}.icon-aws:hover{color:#f90}.icon-npm:hover{color:#cb3837}.icon:hover{transform:scale(1.18)}@media (max-width: 1024px){.sobre-mi{padding:60px 0 30px}.sobre-mi .container{gap:36px}.profile-logo{width:200px;height:200px}.sobre-mi .text h2{font-size:2.4rem}.tecnologias h2{font-size:1.7rem}.icon{font-size:1.8rem}}@media (max-width: 768px){.sobre-mi{padding:40px 0 20px}.sobre-mi .container{flex-direction:column;align-items:center;gap:24px}.profile-logo{width:160px;height:160px}.sobre-mi .text h2{font-size:2rem;text-align:center}.sobre-mi .text p{font-size:1rem;text-align:center}.sobre-mi .button-group{justify-content:center;gap:10px}.tecnologias h2{font-size:1.3rem}.iconos-tecnologias{gap:18px}.icon{font-size:1.3rem}}@media (max-width: 480px){.sobre-mi{padding:28px 0 10px;margin-top:60px}.profile-logo{width:110px;height:110px}.sobre-mi .text h2{font-size:1.3rem}.sobre-mi .text p{font-size:.9rem}.tecnologias h2{font-size:1rem}.iconos-tecnologias{gap:10px}.icon{font-size:1.2rem}.sobre-mi .button-group{gap:6px}.sobre-mi .btn{font-size:.8rem;padding:6px 12px}}.contact-page{background-color:var(--text-color);color:#c4b9b9;padding:5rem 1rem;margin-top:100px;min-height:calc(100vh - 200px);box-sizing:border-box}.contact-container{display:flex;justify-content:center;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:2rem 1rem}.contact-info{text-align:center;margin-bottom:2rem}.contact-info h2{color:var(--bg-color);font-size:3.1rem;margin-bottom:1rem}.contact-description{max-width:700px;color:#666;letter-spacing:.05rem;font-size:18px;margin-bottom:2rem}.social-icons{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.social-item{display:flex;align-items:center;margin-bottom:1.2rem}.social-item a{display:flex;align-items:center;text-decoration:none;color:var(--bg-color);font-size:2rem;transition:color .3s ease}.icon-instagram:hover{color:#e1306c}.icon-whatsapp:hover{color:#25d366}.icon-linkedin:hover{color:#0077b5}.icon-email:hover{color:#c32aa3}.social-item a:hover{transform:scale(1.1)}.social-item span{margin-left:10px;font-size:1.2rem;color:#666;vertical-align:middle}@media (max-width: 768px){.contact-container{flex-direction:column;align-items:center}.contact-info{text-align:center;margin-bottom:2rem}.social-icons{align-items:flex-start;width:100%}.social-item a{font-size:1.5rem}.social-item span{font-size:1rem}}.projects-section{margin-top:5rem;padding:1rem;text-align:center;background-color:#ebebeb}.projects-section h2{color:var(--bg-color);font-size:3.1rem;margin-top:4rem}.projects-section p{color:#555;font-size:1.2rem;margin-bottom:4rem}.projects-container{max-width:1000px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.project-card{gap:40px;position:relative;display:flex;flex-direction:row-reverse;overflow:hidden;margin-top:2rem;margin-bottom:5rem}.project-card img{width:50%;height:auto;border-radius:10px;box-shadow:4px 6px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover img{transform:scale(1.01);box-shadow:6px 10px 15px #0003}.project-info{display:flex;flex-direction:column;justify-content:center;text-align:left}.project-card h3{color:var(--bg-color);font-size:1.6rem;margin-bottom:.5rem}.project-card p{font-size:1rem}.tech-logos{display:flex;justify-content:flex-start;gap:10px;margin:auto 20px;margin-bottom:1rem}.tech-logos .icon{width:20px;height:auto;color:var(--bg-color);transition:color .3s ease,transform .3s ease}.icon-html:hover{color:#e44d26}.icon-css:hover{color:#1572b6}.icon-js:hover{color:#f7df1e}.icon-react:hover{color:#61dafb}.icon-git:hover{color:#f1502f}.icon-github:hover{color:#181717}.tech-logos .icon:hover{transform:scale(1.2)}.project-info a{font-family:Akatab,sans-serif;display:block;margin-top:1rem;padding:.5rem 1rem;color:var(--text-color);background-color:var(--bg-color);text-align:center;text-decoration:none;border-radius:4px;transition:background-color .3s ease,transform .3s ease,filter .3s ease;max-width:200px;margin:auto 20px}.project-info a:hover{background:#fff;color:#111;border:1.5px solid #111;box-shadow:0 2px 8px #0000001a;transform:scale(1.08);filter:none}@media (max-width: 768px){.projects-container{gap:1rem}.project-card{flex-direction:column;gap:1rem}.project-card img{width:100%;height:auto}.project-info{text-align:center}.tech-logos{justify-content:center;gap:5px;margin-bottom:1.2rem}.tech-logos .icon{width:15px}.project-info a{max-width:100%}}.footer{background-color:var(--bg-color);color:var(--text-color);padding:2rem;display:flex;justify-content:center;align-items:center;border-top:4px solid var(--text-color);width:100%;box-sizing:border-box;overflow-x:hidden}.footer-content{display:flex;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.footer-left,.footer-right{flex:1;text-align:center}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-left{margin-bottom:1.5rem}}@font-face{font-family:akatab;src:url(Akatab.ttf)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #020202;--second-bg-color: #060606;--text-color: #ededed;--main-color: #6bceb2;--textF-color: #623d7a}html{scroll-behavior:smooth;scrollbar-width:none}body{overflow-x:hidden;line-height:1.6;background-color:var(--bg-color)}h1,h2,h3,h4,h5,p,a,span{font-family:Akatab,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}