@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#0b0b0b;font-family:Montserrat,sans-serif}:root{--gold:#f4b400;--gold2:#ffcf40;--black:#090909;--dark:#141414}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b122099;border-bottom:1px solid #ffffff14;width:100%;height:90px;transition:all .35s;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:auto;padding:0 20px;display:flex}.logo-container{align-items:center;gap:8px;height:100%;display:flex}.logo-img{width:auto;height:75px;transition:all .35s;display:block}.company-name{color:#f4b400;white-space:nowrap;align-items:center;margin:0;font-size:1.5rem;font-weight:700;line-height:1;display:flex;transform:none}.nav-links{align-items:center;gap:25px;display:flex}.nav-links a{color:#e5e7eb;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#0cd157}.navbar.shrink{background:#0b1220e6;height:65px;box-shadow:0 10px 25px #0000004d}.navbar.shrink .logo-img{height:50px}.navbar.shrink .company-name{font-size:1.2rem}.navbar.shrink .nav-links{gap:18px}.hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.hamburger span{background:#fff;border-radius:5px;width:25px;height:3px}@media (width<=768px){.logo-img{height:60px}.company-name{font-size:1.1rem}.hamburger{display:flex}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220f2;flex-direction:column;align-items:center;width:100%;padding:20px 0;transition:all .3s;position:absolute;top:90px;right:0;transform:translateY(-200%)}.nav-links.active{transform:translateY(0)}}.hero{background-color:#0000;background-image:linear-gradient(#000000b3,#000c),url(/img/hero.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;min-height:100vh;padding:0 7%;display:flex}.hero-content{max-width:700px}.hero-content span{color:var(--gold);font-weight:700}.hero h1{margin:20px 0;font-size:5rem}.hero strong{color:var(--gold)}.hero p{margin-bottom:30px;line-height:1.8}.hero-icons{gap:30px;margin-bottom:40px;display:flex}.hero-icons div{align-items:center;gap:8px;display:flex}.btn{color:#fff;background:linear-gradient(135deg,#0daf56,#0cd157);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #0daf5640}.btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #0daf5659}.btn-icon{flex-shrink:0;font-size:1.35rem}.btn span{color:#fff;line-height:1}.services{text-align:center;color:#111;background:#fff;padding:100px 7%}.services span{color:var(--gold);font-weight:700}.services h2{margin:20px 0;font-size:3rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;display:grid}.service-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.service-card img{object-fit:cover;width:100%;height:250px}.service-card h3{padding:20px 20px 10px}.service-card p{padding:0 20px 20px}.projects-section{text-align:center;color:#111;background:#fff;padding:100px 7%}.projects-section span{color:var(--gold);font-weight:700}.projects-section h2{margin:20px 0;font-size:3rem}.projects-wrapper{overflow:hidden}.projects-track{gap:25px;display:flex}.project-card{border-radius:20px;flex-shrink:0;width:320px;height:420px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%}.overlay{background:linear-gradient(#0000,#000000f2);flex-direction:column;justify-content:flex-end;padding:25px;display:flex;position:absolute;inset:0}.overlay h3{color:var(--gold)}.gallery{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}@media (width<=1200px){.gallery{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.gallery{grid-template-columns:repeat(2,1fr)}}.item img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.item img:hover{align-items:center;transform:scale(1.05)}.project-modal{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.project-modal-content{background:#fff;border-radius:20px;width:100%;max-width:900px;animation:.25s zoomIn;overflow:hidden}.project-modal-content img{object-fit:cover;width:100%;max-height:600px}.project-modal-info{padding:24px}.project-modal-info h2{color:var(--gold);margin:20px 0;font-size:3rem}.project-modal-info p{line-height:1.6}.project-modal-close{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:20px;right:20px}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.benefits{background:linear-gradient(135deg,#0b1220,#161f31);padding:80px 5%}.quality-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1500px;margin:0 auto;display:grid}.quality-card{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;padding:35px 30px;transition:all .35s}.quality-card:hover{border-color:var(--gold);transform:translateY(-10px);box-shadow:0 15px 40px #00000059}.quality-icon{color:var(--gold);margin-bottom:20px;font-size:55px}.quality-card h3{color:#fff;margin-bottom:15px;font-size:1.35rem;font-weight:700}.quality-card p{color:#ffffffbf;font-size:.95rem;line-height:1.8}@media (width<=1400px){.quality-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.benefits{padding:60px 20px}.quality-grid{grid-template-columns:1fr;gap:20px}.quality-card{padding:30px}.quality-icon{font-size:45px}.quality-card h3{font-size:1.2rem}}.contact-section{background:#fff;grid-template-columns:1fr 480px;align-items:center;gap:80px;padding:100px 8%;display:grid}.contact-left{flex-direction:column;display:flex}.contact-tag{color:var(--gold);letter-spacing:2px;margin-bottom:15px;font-weight:700}.contact-section h2{color:#111;margin-bottom:20px;font-size:60px;line-height:1.1}.contact-description{color:#666;max-width:520px;margin-bottom:45px;font-size:18px}.profile-card{align-items:center;gap:25px;margin-bottom:35px;display:flex}.avatar{border:5px solid var(--gold);object-fit:cover;border-radius:50%;flex-shrink:0;width:150px;height:150px}.profile-info h3{color:#111;margin-bottom:8px;font-size:30px}.cargo{color:#555;margin-bottom:12px;line-height:1.7}.ubicacion{color:#888;font-size:17px}.contact-buttons{flex-wrap:wrap;gap:18px;margin-top:25px;display:flex}.contact-btn{color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:190px;height:55px;padding:0 25px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.contact-btn:hover{transform:translateY(-4px)}.contact-btn-icon{flex-shrink:0;font-size:1.3rem}.whatsapp-btn{background:linear-gradient(135deg,#0daf56,#0cd157);box-shadow:0 10px 25px #0daf5640}.whatsapp-btn:hover{box-shadow:0 15px 35px #0daf5659}.facebook-btn{background:linear-gradient(135deg,#1877f2,#3b82f6);box-shadow:0 10px 25px #1877f240}.facebook-btn:hover{box-shadow:0 15px 35px #1877f259}.form-contacto{flex-direction:column;gap:18px;width:100%;max-width:480px;display:flex}.form-contacto input,.form-contacto textarea{border:1px solid #ddd;border-radius:10px;width:100%;padding:16px;font-size:16px}.form-contacto textarea{resize:none;min-height:170px}.btn-mensaje{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f4b400,#ffcf40);border:none;border-radius:12px;width:100%;height:58px;font-weight:700;transition:all .3s}.btn-mensaje:hover{transform:translateY(-3px);box-shadow:0 12px 30px #f4b40059}@media (width<=992px){.contact-section{text-align:center;grid-template-columns:1fr;gap:60px}.profile-card{flex-direction:column}.contact-description{margin:auto auto 40px}.contact-buttons{justify-content:center}.form-contacto{max-width:100%}}footer{color:#94a3b8;text-align:center;background:#050816;border-top:1px solid #ffffff14;padding:25px;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){nav{display:none}.hero h1{font-size:3rem}.services-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr;gap:30px}.contact-section{grid-template-columns:1fr}.hero-icons{flex-direction:column;gap:15px}.project-card{width:280px;height:380px}}