.wrapper-about{justify-content:center;width:100%;display:flex}.container-about{align-items:center;gap:240px;max-width:1100px;padding:2rem;display:flex}.avatar-about{flex:0 0 300px;justify-content:center;align-items:center;display:flex}.container-text{flex:1}.container-text h1{color:var(--color-primario);margin-bottom:1rem;font-size:2rem}.container-text p{color:#333;margin-bottom:1rem;font-size:1rem;line-height:1.5}.tech-icons{flex-wrap:wrap;gap:12px;margin-top:1rem;display:flex}.tech-icons span{background-color:#f0f0f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:500;display:flex}.icon{font-size:1.2rem}.react{color:#61dafb}.node{color:#3c873a}.mysql{color:#00758f}.next{color:#000}.nest{color:#e0234e}.angular{color:#dd1b16}.github{color:#333}@media (max-width:768px){.container-about{text-align:center;flex-direction:column}.tech-icons{justify-content:center}.container-text{margin-top:-200px}}
.navbar{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex;position:fixed;top:0}.logo{background-color:var(--color-primario);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;font-weight:700;display:flex}.options ul{margin:0;padding:0;display:flex}.options li{margin:0 15px;list-style:none}.options li a{color:var(--color-primario);padding:10px 15px;transition:transform .3s,color .3s;display:inline-block;position:relative}.options li a:hover{transform:translateY(-3px)}.options li a:after{content:"";background-color:var(--color-primario);width:0%;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.options li a:hover:after{width:100%}.hire-me-btn{border:2px solid var(--color-primario);color:var(--color-primario);cursor:pointer;background:0 0;border-radius:5px;padding:10px 15px;transition:background-color .3s,color .3s}.hire-me-btn:hover{background-color:var(--color-primario);color:#fff}.hamburger{cursor:pointer;z-index:200;flex-direction:column;justify-content:space-between;width:25px;height:20px;display:none}.hamburger span{background:var(--color-primario);border-radius:2px;height:3px;transition:all .4s;display:block}.hamburger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (max-width:768px){.options{background:#fff;justify-content:center;align-items:center;width:250px;height:100vh;transition:right .4s;display:flex;position:fixed;top:0;right:-100%;box-shadow:-2px 0 8px rgba(0,0,0,.1)}.options.active{right:0}.options ul{text-align:center;flex-direction:column}.options li{margin:20px 0}.hamburger{display:flex}}
.modal-overlay{z-index:999;background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{text-align:left;background:#fff;border-radius:15px;width:90%;max-width:400px;padding:30px;animation:.3s fadeIn;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.3)}.modal-content h2{color:var(--color-primario);margin-bottom:15px}.modal-content form{flex-direction:column;display:flex}.modal-content input,.modal-content textarea{border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:10px}.send-btn{background:var(--color-primario);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px;font-weight:600;transition:all .3s}.send-btn:hover{background:#4f46e5}.modal-close{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast{color:#fff;z-index:2000;border-radius:8px;padding:12px 18px;font-size:.95rem;font-weight:500;animation:3s forwards fadeInOut;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px rgba(0,0,0,.2)}.toast.success{background:#4caf50}.toast.error{background:#f44336}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}
.wrapper{justify-content:center;width:100%;margin-top:100px;display:flex}.container{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1200px;padding:2rem;display:flex}.projects-title{width:100%;color:var(--color-primario);margin-bottom:1.5rem;margin-left:50px;font-size:24px}.card{background-color:#fff;border-radius:16px;flex:500px;align-items:flex-start;gap:16px;max-width:500px;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.1)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.card-image{background-color:#f0f0f0;border-radius:12px;flex:0 0 100px;justify-content:center;align-items:center;height:90px;display:flex;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%}.card-content{flex:1}.card-content h2{color:var(--color-primario);margin-bottom:.3rem;font-size:1.2rem}.card-content p{color:#333;margin-bottom:.8rem;font-size:.9rem;line-height:1.3}.technologies{flex-wrap:wrap;gap:6px;display:flex}.tech{background-color:var(--color-primario);color:#fff;border-radius:6px;padding:.25rem .5rem;font-size:.75rem}.card-buttons{gap:10px;margin-top:15px;display:flex}.card-buttons .btn{color:#fff;background-color:#000;border-radius:6px;padding:8px 14px;font-size:14px;text-decoration:none;transition:background .3s}.card-buttons .btn:hover{background-color:#1d1a1e}@media (max-width:768px){.projects-title{text-align:center}}
.wrapper-skills{justify-content:center;width:100%;margin-top:100px;display:flex}.container-skills{width:100%;max-width:1100px;padding:2rem}.container-skills h1{color:var(--color-primario);margin-bottom:1.5rem;font-size:24px}.skills-intro{color:#444;margin-bottom:2rem;font-size:1rem;line-height:1.5}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:20px;display:grid}.skill-card{background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.1)}.skill-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.skill-card .icon{margin-bottom:.5rem;font-size:2rem}.skill-card span{font-size:.9rem;font-weight:500}.react{color:#61dafb}.node{color:#3c873a}.next{color:#000}.nest{color:#e0234e}.angular{color:#dd1b16}.mysql{color:#00758f}.github{color:#333}@media (max-width:768px){.container-skills h1{text-align:center}}
.wrapper-contact{justify-content:center;width:100%;margin-top:200px;display:flex}.container-contact{width:100%;max-width:1100px;padding:2rem}.container-contact h1{color:var(--color-primario);margin-bottom:1.5rem;font-size:24px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.contact-info h2{color:#333;margin-bottom:10px}.contact-info p{color:#555;margin-bottom:20px}.contact-info ul{margin:20px 0;padding:0;list-style:none}.contact-info li{color:#555;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;display:flex}.social-icons{gap:15px;margin-top:15px;display:flex}.social-icons a{color:var(--color-primario);transition:transform .2s}.social-icons a:hover{transform:scale(1.2)}.contact-form{background:#fff;border-radius:12px;flex-direction:column;gap:15px;padding:25px;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.1)}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;padding:12px;font-size:1rem}.contact-form textarea{resize:none;height:120px}.btn{background:var(--color-primario);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px;transition:background .3s}.btn:hover{background:#4a3bd6}.toast{color:#fff;z-index:9999;border-radius:8px;padding:12px 20px;font-weight:500;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px rgba(0,0,0,.2)}.toast.success{background:#4caf50}.toast.error{background:#f44336}.spinner{border:3px solid #fff;border-top-color:transparent;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}.container-contact h1{text-align:center}}
.footer{color:#ddd;background:#1f1f1f;margin-top:80px;padding:40px 20px 20px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1100px;margin:0 auto;display:grid}.footer-brand h2{color:var(--color-primario);margin-bottom:10px}.footer-brand p{color:#aaa;font-size:.9rem}.footer-links h3,.footer-social h3{color:#fff;margin-bottom:12px;font-size:1.1rem}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:8px}.footer-links a{color:#aaa;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--color-primario)}.footer-social .icons{gap:15px;display:flex}.footer-social a{color:#aaa;transition:transform .2s,color .3s}.footer-social a:hover{color:var(--color-primario);transform:scale(1.2)}.footer-bottom{text-align:center;color:#666;border-top:1px solid #333;margin-top:30px;padding-top:15px;font-size:.85rem}