*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;width:100%;min-height:100%;background-color:#000}body{color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}#root{width:100%;min-height:100vh;margin:0;padding:0;background-color:#000;text-align:center}img{max-width:100%;display:block}a{color:inherit}button,select{font-family:inherit}.navbar{width:100%;min-height:80px;background-color:#000;color:#fff;display:flex;align-items:center;padding:10px 5%;position:relative;z-index:1000;gap:1vw;box-sizing:border-box}.logo-container{display:flex;align-items:center;flex-shrink:0}.logo-hover{width:70px;height:70px;object-fit:contain;border-radius:10px;transition:transform .3s ease}.logo-hover:hover{transform:scale(1.1)}.navLinks{display:flex;align-items:center;justify-content:flex-start;gap:30px;flex:1;min-width:0;flex-wrap:nowrap}.linkStyle{color:#fff;text-decoration:none;font-weight:500;font-size:1.5rem;white-space:nowrap;transition:all .3s ease}.linkStyle:hover{color:#0ff;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff;transform:scale(1.05)}.navbarRight{display:flex;align-items:center;justify-content:flex-end;gap:25px;flex-shrink:0;white-space:nowrap}.socialLinks{display:flex;align-items:center;justify-content:center;gap:12px;font-size:2rem;white-space:nowrap;flex-shrink:0}.socialLinks2{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;line-height:1;transition:transform .3s ease}.socialLinks2:hover{transform:scale(1.3)}.idiomas{position:static;display:flex;align-items:center;justify-content:center;width:150px;flex-shrink:0}.idiomas select{display:block;font-size:22px;width:160px;height:38px;padding:5px 8px;box-sizing:border-box;border-radius:5px;background-color:#000;color:#fff;border:1px solid white;cursor:pointer;outline:none}.idiomas select:hover{box-shadow:0 0 10px #0ff}.hero{width:100%;min-height:40vh;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.overlay{width:100%;background-color:#00000080;padding:3rem 1rem;text-align:center;box-sizing:border-box}.overlay1{margin:.5rem 0;font-size:clamp(3rem,5vw,5rem);line-height:1.2;transition:transform .3s ease}.overlay1:hover{transform:scale(1.05)}.sobreMi{width:100%;padding:6rem 8%;background-color:#000;color:#fff;text-align:left;font-size:1.2rem;box-sizing:border-box}.overlay6{width:min(100%,2000px);margin:0 auto;line-height:1.2}.overlay6 h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:2rem}.overlay6 p{font-size:clamp(2rem,1.8vw,3rem)}.hover-brillo,.hover-brillo1,.hover-brillo10{transition:all .3s ease-in-out}.hover-brillo:hover,.hover-brillo1:hover,.hover-brillo10:hover{color:#fff;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff;transform:scale(1.02)}#servicios{width:100%;padding:5rem 8%;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;font-family:Georgia,Times New Roman,serif;box-sizing:border-box}.overlay9{width:min(100%,2000px);margin:0 auto}.hover-brillo10{margin:0 0 2rem;font-size:clamp(1.8rem,4vw,2.8rem);text-align:left}.hover-brillo1{margin:1rem 0;padding:0;font-size:clamp(2rem,1.8vw,3rem);text-align:left;line-height:1.6}@media (max-width: 1200px){.navbar{flex-wrap:wrap;justify-content:center;gap:15px}.logo-container{order:1}.navLinks{order:2;flex:none;justify-content:center;flex-wrap:wrap;gap:18px}.navbarRight{order:3;width:100%;justify-content:center;gap:25px}}@media (max-width: 768px){.navbar{flex-direction:column;flex-wrap:nowrap;padding:15px 5%;gap:15px}.logo-container{order:1}.logo-hover{width:60px;height:60px}.navLinks{order:2;width:100%;flex:none;justify-content:center;flex-wrap:wrap;gap:10px 15px}.linkStyle{font-size:.95rem}.navbarRight{order:3;width:100%;justify-content:center;gap:15px}.socialLinks{font-size:1.3rem;gap:10px}.idiomas,.idiomas select{width:115px}.hero{min-height:40vh}.overlay{padding:2rem 1rem}.overlay1{font-size:clamp(1.8rem,8vw,2.8rem)}.sobreMi{padding:4rem 6%}.overlay6 h2{margin-bottom:1.5rem}.overlay6 p{line-height:1.6}#servicios{padding:4rem 6%}}@media (max-width: 480px){.navbar{padding:12px 5%}.navLinks{gap:8px 12px}.linkStyle{font-size:.85rem}.socialLinks{font-size:1.1rem;gap:8px}.navbarRight{gap:10px}.idiomas{width:110px}.idiomas select{width:110px;padding:7px}.hero{min-height:35vh}.overlay1{font-size:1.7rem}.sobreMi,#servicios{padding-left:5%;padding-right:5%}.hover-brillo1{font-size:1rem}}#proyectos{width:100%;margin:0;padding:6rem 5%;color:#fff;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat}.nameProyectos{width:min(90%,2000px);margin:0 auto 3rem;font-size:clamp(2rem,4vw,3rem);text-align:left;transition:all .3s ease-in-out}.nameProyectos:hover{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff;transform:scale(1.03)}.nameProyectos2{width:min(90%,2000px);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.project-container{width:100%;text-align:center;transition:transform .3s ease}.project-container:hover{transform:translateY(-5px)}.project-image{width:100%;height:280px;object-fit:cover;border-radius:20px;transition:transform .3s ease,box-shadow .3s ease}.project-image:hover{transform:scale(1.03);box-shadow:0 0 8px #0ff,0 0 15px #0ff6}.project-text{margin:.8rem 0 0;color:#fff;font-size:1.5rem;line-height:1.4;transition:all .3s ease;cursor:default}.project-text:hover{color:#fff;background-color:#222;padding:.5rem;border-radius:10px;text-shadow:0 0 5px #00ffff}@media (max-width: 1200px){.nameProyectos2{grid-template-columns:repeat(3,minmax(0,1fr));width:90%;gap:1.5rem}.nameProyectos{width:90%}}@media (max-width: 900px){#proyectos{padding:5rem 4%}.nameProyectos2{grid-template-columns:repeat(2,minmax(0,1fr));width:92%;gap:1.5rem}.nameProyectos{width:92%;font-size:2.2rem}.project-image{height:180px}}@media (max-width: 600px){#proyectos{padding:4rem 0}.nameProyectos{width:88%;margin:0 auto 2rem;font-size:1.8rem;text-align:left}.nameProyectos2{width:88%;grid-template-columns:1fr;gap:2rem;margin:0 auto}.project-container{width:100%}.project-image{width:100%;height:200px;border-radius:15px}.project-text{font-size:1rem;line-height:1.5}}@media (max-width: 400px){.nameProyectos{font-size:1.6rem}.project-image{height:180px}.project-text{font-size:.95rem}}.contacto-section{width:100%;min-height:60vh;padding:5rem 8%;display:flex;align-items:center;justify-content:center;margin:0;text-align:left;overflow-wrap:break-word;background-color:#000}.overlay4{width:min(100%,2000px);background-color:#00000080;color:#fff;padding:2rem;border-radius:1rem;line-height:1.6;font-size:2rem;box-sizing:border-box;border:1px solid rgba(0,255,255,.15)}.overlay5{margin-top:0;font-size:clamp(1.8rem,4vw,2.8rem);transition:all .3s ease}.overlay5:hover{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff,0 0 20px #00ffff;transform:scale(1.03)}.hover-brillo3{line-height:1.8;font-size:clamp(1.4rem,2.5vw,3rem);margin:1rem 0}.hover-brillo3 a{color:#0ff;text-decoration:none;margin-left:.5rem;transition:all .3s ease}.hover-brillo3 a:hover{text-decoration:underline;text-shadow:0 0 5px #00ffff,0 0 10px #00ffff}.contact-footer{width:100%;background-color:#000;color:#ccc;text-align:center;padding:1.5rem 1rem;font-size:2rem;margin:0;z-index:10}.contact-footer:hover{text-shadow:0 0 5px #00ffff,0 0 10px #00ffff}@media (max-width: 900px){.contacto-section{padding:4rem 6%}.overlay4,.hover-brillo3{font-size:2rem}}@media (max-width: 768px){.contacto-section{min-height:auto;padding:4rem 6%}.overlay4{width:100%;padding:1.5rem;line-height:1.5}.hover-brillo3{line-height:1.6;font-size:1rem;word-break:break-word}.hover-brillo3 a{display:inline-block;margin-left:.3rem}.contact-footer{font-size:.85rem;padding:1rem .5rem}}@media (max-width: 400px){.contacto-section{padding:3rem 5%}.overlay4{padding:1rem}.hover-brillo3{font-size:1rem}.contact-footer{font-size:2rem}}:root{font-family:Georgia,Times New Roman,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000}a{font-weight:500;color:#646cff}a:hover{color:#535bf2}body,html{margin:0;padding:0;display:flex;background-color:#000;min-height:100vh;overflow-x:hidden}h1{line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}