:root{--color-principal: #9AAEB5;--color-acento: #7E96A0;--color-oscuro: #526E79;--color-claro: #DCDDD8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:var(--color-claro);color:var(--color-oscuro);overflow-x:hidden}.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:30px 8%;z-index:1000;transition:all .4s ease}.navbar div{display:flex;gap:30px;align-items:center}.navbar h1{font-size:1.5rem;font-weight:700;color:#fff;transition:color .4s ease}.navbar a{text-decoration:none;color:#fff;font-weight:500;transition:color .4s ease}.navbar a:hover{color:var(--color-acento)}.navbar-scrolled{padding:15px 8%;background:var(--color-claro);opacity:.95;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 30px #0000000d}.navbar-scrolled h1,.navbar-scrolled a{color:var(--color-oscuro)}.navbar-scrolled a:hover{color:var(--color-principal)}.nav-cv-btn{background-color:#fff!important;color:var(--color-oscuro)!important;padding:10px 24px;border-radius:30px;font-weight:600;transition:all .3s ease;display:flex;align-items:center}.nav-cv-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.navbar-scrolled .nav-cv-btn{background-color:var(--color-oscuro)!important;color:var(--color-claro)!important}.navbar-scrolled .nav-cv-btn:hover{background-color:var(--color-principal)!important;box-shadow:0 5px 15px #00000026}.hero{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--color-oscuro) 0%,var(--color-principal) 100%);color:#fff;padding:0 8%;position:relative}.hero-content{max-width:1200px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:50px}.hero-text{flex:1;text-align:left}.hero-text h2{font-size:5rem;margin-bottom:25px;line-height:1.1;letter-spacing:-2px}.hero-text p{font-size:1.35rem;margin-bottom:45px;opacity:.95;max-width:600px}.hero-image{flex:1;display:flex;justify-content:flex-end}.hero-image img{width:100%;max-width:550px;border-radius:20px;box-shadow:0 25px 60px #0000004d;object-fit:cover}button{padding:16px 36px;border:none;border-radius:30px;background:#fff;color:var(--color-oscuro);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.about-section{padding:120px 8%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-left h2{font-size:2.8rem;color:var(--color-oscuro);margin-bottom:15px}.about-line{width:60px;height:4px;background:var(--color-principal);margin-bottom:30px;border-radius:2px}.about-left p{font-size:1.1rem;line-height:1.8;color:var(--color-oscuro);margin-bottom:20px}.about-card{background:#fff;padding:50px;border-radius:20px;box-shadow:0 20px 50px #0000000a}.about-card h3{color:var(--color-oscuro);font-size:1.5rem;margin-bottom:20px}.about-card ul{padding-left:20px;line-height:2.2;color:var(--color-oscuro);font-size:1.05rem}.section{padding:100px 8%}.section h2{color:var(--color-oscuro)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:50px}.card{background:#fff;border-radius:15px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 40px #0000000d;cursor:pointer}.card img{width:100%;max-width:100%;height:220px;object-fit:cover;display:block}.card-info{padding:25px 20px;background:linear-gradient(140deg,#ffffff,var(--color-claro));flex-grow:1}.card-info h3{color:var(--color-oscuro);font-size:1.4rem;margin-bottom:8px}.card-info p{color:var(--color-principal);font-size:1rem;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:20px}.modal-content{background:#fff;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;padding:40px;border-radius:20px;position:relative;box-shadow:0 25px 50px #0003}.close-btn{position:absolute;top:20px;right:20px;background:var(--color-claro);color:var(--color-oscuro);border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s,color .2s;padding:0}.close-btn:hover{background:var(--color-oscuro);color:#fff}.modal-content h2,.modal-desc{color:var(--color-oscuro)}.modal-content h2{font-size:2.2rem;margin-bottom:15px;padding-right:40px}.modal-desc{font-size:1.1rem;line-height:1.7;margin-bottom:30px}.modal-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.modal-gallery img{width:100%;height:250px;object-fit:cover;border-radius:12px}.footer-section{background:var(--color-oscuro);color:#fff;padding:100px 8% 60px;text-align:center}.footer-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:30px}.footer-content h2{font-size:2.5rem;color:var(--color-claro);margin:0}.footer-content p{color:var(--color-principal);font-size:1.1rem;margin:0}.email-link{font-size:1.5rem;color:var(--color-principal);text-decoration:none;font-weight:600;transition:color .3s}.email-link:hover,.social-icons a:hover{color:#fff}.social-icons{display:flex;gap:25px;margin-top:10px}.social-icons a{color:var(--color-principal);font-size:2.2rem;transition:transform .3s,color .3s}.social-icons a:hover{transform:translateY(-5px)}.cv-button{display:inline-block;margin-top:20px;padding:16px 36px;background:#fff;color:var(--color-oscuro);font-weight:700;text-decoration:none;border-radius:30px;transition:transform .2s,box-shadow .2s}.cv-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #ffffff26}.preloader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-claro);display:flex;justify-content:center;align-items:center;z-index:9999}.mechanical-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px}.mask{overflow:hidden;padding:5px 0}.mech-title{font-size:4.5rem;color:var(--color-oscuro);font-weight:700;margin:0;letter-spacing:-2px}.mech-line{width:100%;height:3px;background-color:var(--color-principal);transform-origin:center}.mech-subtitle{font-size:1.2rem;color:var(--color-principal);font-weight:500;margin:0;letter-spacing:3px;text-transform:uppercase}@media(max-width:768px){.section,.about-section,.footer-section{padding:80px 5%}.nav-cv-btn{display:none!important}.hero{height:auto;padding-top:120px;padding-bottom:60px}.hero-content{flex-direction:column-reverse;text-align:center;gap:30px}.hero-text{text-align:center}.hero-text h2{font-size:2.8rem}.hero-image{justify-content:center}.about-section{grid-template-columns:1fr;gap:40px}.about-line{margin:0 auto 30px}.about-left{text-align:center}.navbar{flex-direction:column;padding:15px 5%;gap:15px}.navbar-scrolled{padding:10px 5%}.mech-title{font-size:2.8rem}.mech-subtitle{font-size:1rem}}