body{margin:0;font-family:Arial, sans-serif;background:#f5f5f5;color:#222}
.hero{position:relative;height:100vh;background:url('../img/rack.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}
.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65)}
.hero-content{position:relative;z-index:2}
.logo{width:220px;margin-bottom:20px}
h1{font-size:2.5em;margin:10px 0}
.buttons{margin-top:20px}
.btn{padding:12px 25px;border-radius:6px;text-decoration:none;color:#fff;margin:5px;display:inline-block;transition:0.3s}
.whatsapp{background:#25D366}
.whatsapp:hover{background:#1ebc59}
.repair{background:#2c5aa0}
.repair:hover{background:#1f3f73}
.services{padding:60px 20px;text-align:center}
.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px}
.card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 10px 25px rgba(0,0,0,0.1);width:280px}
.highlight{border:2px solid #25D366}
.abonos{background:#111;color:#fff;text-align:center;padding:60px 20px}
.floating-whatsapp{position:fixed;bottom:20px;right:20px;background:#25D366;color:#fff;padding:15px;border-radius:50%;text-decoration:none;font-size:22px}
@media(max-width:768px){h1{font-size:1.8em}.cards{flex-direction:column;align-items:center}}