56 C <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { header { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); padding: 15px 20px; display: flex; .logo { font-size: 20px; font-weight: 900; text-decoration: none; color: white; } nav { display: flex; ga nav a { color: #cbd5e1; text-decoration: none; } nav a:hover { color: #10b981; } .cta-btn { background: #10b981; color: white; padding: 10px 20px; border-radius: 6px; .section { padding: 80px 20px; max-width: 1280px; margin: 0 auto; } h1 { font-size: 36px; margi .ciudades-grid { display: grid; grid-template-columns: .ciudad { background: white; padding: 15px; border-radius: 8px; text-align .ciudad:hover { background: #10b981; color: white; t footer { background: linear-gradient(135deg, #0f172a 0%, #1e293b </style> </head> <body> <header> <a href="index.html" class="logo">đź’Š DISTR <nav> <a href="index.html">Home</a> <a href=" <a href="credito.html">Cr Ă<a href="faq.html">FAQ</a> </nav> <a href="https://wa.me/573001234567" class="cta-btn">WhatsApp</a> </header> <section class="section <h1>Cobertura 56 Ciudades Colombia <div class="ciudades-grid"> <div class="ciudad">Bogotá</div><div class="ciudad">MedellĂ­n</div><div class="ciudad">Cali</div><div class="ciud <div cla <div cl <div c <div cla <div class="ciudad">Riohacha</div><div class="ciudad"> <div <div class="ciudad">Mocoa</di <div class="ciudad">Soachá</div><di <div class="ciudad">Ipiales</div><d <div class="ciudad">Puerto <div c <div class="ciudad">Duitama</div><div class="ciudad">Sogamoso</di <div clas </section> <footer> < </footer> </body> </html>