body{margin:0;font-family:'Segoe UI',sans-serif;
    background:linear-gradient(135deg,#020617,#0f172a);color:white;
    text-align: center}
header{background:rgba(2,6,23,0.9);backdrop-filter:blur(10px);padding:15px;text-align:center;position:sticky;top:0;z-index:1000}
nav{display:flex;justify-content:center;gap:20px}
nav a{color:white;text-decoration:none}
section{padding:80px 20px;text-align:center}
h2{text-align:center}
h1{text-align: center}

/* CARRUSEL PRO */
.carousel{position:relative;overflow:hidden;height:70vh}
.slides{display:flex;transition:transform 1s ease}
.slide{min-width:100%;height:70vh}
.slide img{width:100%;height:100%;object-fit:cover}
.controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between}
.controls i{cursor:pointer;font-size:30px;background:rgba(0,0,0,0.5);padding:10px}

/* SERVICIOS */
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}
.card{background:rgba(30,41,59,0.7);padding:25px;border-radius:15px;transition:0.4s}
.card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 10px 30px rgba(56,189,248,0.3)}
.card i{font-size:45px;color:#38bdf8}

/* NOSOTROS */
.nosotros{max-width:800px;margin:auto;opacity:0.9}
.stats{display:flex;justify-content:center;gap:40px;margin-top:30px}
.stats div{font-size:1.5rem}

/* CLIENTES SLIDER */
.clientes-slider{overflow:hidden;margin-top:30px}
.clientes-track{display:flex;gap:40px;animation:scroll 15s linear infinite}
.clientes-track img{width:120px;opacity:0.7}
@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* PROYECTOS */
.proyectos{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.proyectos img{width:100%;border-radius:10px}

form{max-width:400px;margin:auto;display:flex;flex-direction:column;gap:10px}
input,textarea{padding:10px;border-radius:8px;border:none}
button{padding:10px;background:#38bdf8;border:none;font-weight:bold}

iframe{width:100%;height:300px;border-radius:10px;margin-top:20px}
.whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:white;padding:15px;border-radius:50%}
footer{text-align:center;padding:20px;background:#020617}