@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;overflow-x:hidden}.whatsapp-float{color:#fff;z-index:1000;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #0000004d}.whatsapp-float:hover{background:#1ebe5d;transform:scale(1.1)}@keyframes pulse{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}.whatsapp-float{animation:2s infinite pulse}.divider{background:#b88e00;width:80%;height:2px;margin:40px auto}.caja-nosotros{color:#fff;text-align:center;background-color:#2a3561;border-radius:20px;width:fit-content;height:auto;margin:30px auto;padding:10px;font-family:Poppins,sans-serif;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px #0000001a}.caja-nosotros:hover{transform:scale(1.05);box-shadow:0 8px 15px #0003}.logo-extendido{width:100%;height:auto;margin:30px auto 7px}.sobre-nosotros{background:#fff;margin-top:30px;padding:20px}.contenedor-nosotros{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center;gap:40px;max-width:1100px;margin:auto;display:grid}.texto-nosotros{flex-direction:column;align-items:center;display:flex}.texto-nosotros h2{margin-bottom:20px;font-size:30px}.texto-nosotros p{color:#555;margin-bottom:15px;font-family:Poppins,sans-serif}.imagen-nosotros{width:100%;overflow:hidden}.imagen-nosotros img{object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.boton-nosotros{color:#fff;letter-spacing:2px;cursor:pointer;text-transform:uppercase;background-color:#2a3561;border:none;margin-top:20px;padding:10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:800;text-decoration:none;transition:opacity .2s}@media (width<=768px){.caja-nosotros{margin:20px auto;padding:8px 16px;font-size:14px}.sobre-nosotros{padding:20px 15px}.contenedor-nosotros{text-align:center;grid-template-columns:1fr;gap:25px}.texto-nosotros h2{font-size:24px}.texto-nosotros p{font-size:14px;line-height:1.5}.imagen-nosotros img{object-fit:cover;height:250px}.logo-nosotros{width:40px;margin:20px auto 5px}}.hero{width:100%;height:75vh;position:relative;overflow:hidden}.slide{opacity:0;width:100%;height:100%;transition:all .8s ease-in-out;position:absolute;transform:scale(1.05)}.slide img{object-fit:cover;width:100%;height:100%}.slide.active{opacity:1;z-index:1;transform:scale(1)}.overlay{z-index:2;color:#fff;background:linear-gradient(#0006,#0006);flex-direction:column;justify-content:center;width:100%;height:100%;padding-left:80px;display:flex;position:absolute;top:0;left:0}.overlay h1{margin-bottom:10px;font-family:Poppins,sans-serif;font-size:3rem}.overlay p{margin-bottom:20px;font-family:Poppins,sans-serif;font-size:1.2rem}.overlay button{color:#000;cursor:pointer;background:#fff;border:none;padding:12px 24px;font-weight:700;transition:all .3s}.overlay button:hover{background:#ddd}.arrow{z-index:3;cursor:pointer;background:#fff9;border:none;border-radius:50%;padding:10px;font-size:30px;position:absolute;top:50%;transform:translateY(-50%)}.arrow.left{left:20px}.arrow.right{right:20px}.dots{z-index:3;justify-content:center;gap:10px;width:100%;display:flex;position:absolute;bottom:20px}.dot{opacity:.5;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.dot.active{opacity:1}.servicios{text-align:center;background:#f8f8f8;padding:80px 60px}.servicios h2{margin-bottom:50px;font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:500}.servicios-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.card{cursor:pointer;color:#f8f8f8;background:#2a3561;border-radius:15px;padding:30px;font-family:Poppins,sans-serif;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 20px #0000000d}.card:before{content:"";opacity:0;z-index:0;background:#b88e00;transition:all .3s;position:absolute;inset:0}.card:hover:before{opacity:.9}.card *{z-index:1;position:relative}.icon{color:#fff;margin-bottom:20px;font-size:40px;transition:all .3s}.card h3{margin-bottom:10px;font-family:Poppins,sans-serif;font-size:1.2rem}.card p{opacity:.7;font-family:Poppins,sans-serif;font-size:.95rem}.card:hover .icon,.card:hover h3,.card:hover p{color:#fff}.card{opacity:0;animation:.8s forwards fadeUp;transform:translateY(30px)}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.3s}.card:nth-child(5){animation-delay:.4s}.card:nth-child(6){animation-delay:.5s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.trabajos{text-align:center;background:#f8f8f8;padding:80px 20px}.trabajos h2{font-family:Poppins,sans-serif;font-size:2.5rem}.subtitulo{color:#777;margin-bottom:40px;font-family:Poppins,sans-serif}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.card img{object-fit:cover;width:100%;height:260px;transition:transform .5s}.card:hover img{transform:scale(1.1)}.overlay{color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:20px;position:absolute;bottom:0}.lightbox{z-index:999;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox-content{max-width:90%;max-height:90%;position:relative}.lightbox-img{object-fit:contain;border-radius:12px;width:100%;max-height:80vh}.fade{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.prev,.next{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;padding:10px 15px;font-size:40px;position:absolute;top:50%;transform:translateY(-50%)}.prev:hover,.next:hover{background:#fff3}.prev{left:-60px}.next{right:-60px}.cerrar{color:#fff;cursor:pointer;font-size:28px;position:absolute;top:-40px;right:0}.contador{color:#ccc;font-size:14px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}@media (width<=768px){.lightbox-content{width:95%;max-width:100%}.prev{left:10px}.next{right:10px}.prev,.next{z-index:1001;background:#0009;padding:15px;font-size:30px}.cerrar{background:#00000080;border-radius:50%;padding:5px 12px;top:10px;right:10px}.contador{bottom:-40px}}.navbar{color:#fff;z-index:1000;background-color:#1a1a1a;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:1rem 5%;display:flex;position:sticky;top:0}.nav-logo .logo-img{filter:brightness(1.1);height:60px}.nav-items{gap:25px;display:flex}.nav-items a{color:#fff;text-transform:uppercase;letter-spacing:1px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none;transition:color .3s}.nav-items a:hover{color:#ccc}.nav-social{gap:1.2rem;display:flex}.social-icon{color:#fff;font-size:1.4rem;transition:transform .3s}.social-icon:hover{transform:translateY(-3px)}.menu-hamburguesa{color:#fff;cursor:pointer;font-size:2rem;display:none}.nav-social-mobile{display:none}@media (width<=768px){.menu-hamburguesa{display:block}.nav-social{display:none}.nav-items{background-color:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:80%;height:100vh;transition:all .4s ease-in-out;position:fixed;top:0;right:-100%;box-shadow:-10px 0 20px #00000080}.nav-items.open{right:0}.nav-items a{font-size:1.3rem}.nav-social-mobile{gap:20px;margin-top:20px;font-size:1.8rem;display:flex}.nav-social-mobile a{color:#fff}}.footer{color:#ccc;text-align:center;background:#0d0d0d;padding:15px;font-family:Poppins,sans-serif;font-size:13px;margin-top:0!important}.footer a{color:#adff2f;font-family:Poppins,sans-serif;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.form-container{color:#fff;background-color:#1a1a1a;max-width:500px;margin:0 auto;padding:60px 40px;font-family:Inter,-apple-system,sans-serif}.form-title{letter-spacing:-.5px;margin-bottom:10px;font-size:32px;font-weight:800}.form-subtitle{color:#a0a0a0;margin-bottom:40px;font-size:14px}.contact-form{flex-direction:column;gap:30px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:#888;letter-spacing:1px;font-size:11px;font-weight:700}.input-group input,.input-group textarea{color:#fff;background:0 0;border:none;border-bottom:1px solid #333;outline:none;padding:12px 0;font-size:16px;transition:border-color .3s}.input-group input::placeholder,.input-group textarea::placeholder{color:#444}.input-group input:focus,.input-group textarea:focus{border-bottom:1px solid #fff}.submit-button{color:#000;letter-spacing:2px;cursor:pointer;text-transform:uppercase;background-color:#fff;border:none;margin-top:20px;padding:18px;font-size:12px;font-weight:800;transition:opacity .2s}.submit-button:hover{opacity:.9}.toast{border-radius:4px;padding:15px 25px;font-weight:600;animation:.3s ease-out slideIn;position:fixed;bottom:20px;right:20px}.toast.success{color:#fff;background:#2ecc71}.toast.error{color:#fff;background:#e74c3c}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}textarea{resize:none;overflow:hidden}.input-group-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=600px){.input-group-row{grid-template-columns:1fr}}select{color:#fff;cursor:pointer;appearance:none;background:0 0;border:none;border-bottom:1px solid #333;outline:none;padding:12px 0;font-size:15px}select option{color:#fff;background-color:#1a1a1a}.file-upload-wrapper{margin-top:5px;position:relative}.file-input{display:none}.file-label{color:#666;cursor:pointer;border-bottom:1px dashed #444;padding:12px 0;font-size:14px;transition:all .3s;display:block}.file-label:hover{color:#fff;border-bottom-color:#fff}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.toast{z-index:1000;border-radius:2px;padding:15px 30px;font-size:14px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}
