  </main>
  
  <footer>
    <div style="max-width: 1200px; margin: 0 auto;">
      <p style="margin-bottom: 10px;">
        <strong>SSR La Aguada, El Cajón, Las Damas</strong><br>
        Agua potable segura para nuestras comunidades rurales
      </p>
      <p style="font-size: 0.9em; opacity: 0.9;">
        📍 La Aguada s/n Lote N°3 M, Comuna de La Estrella, Región de O'Higgins<br>
        📞 Contacto: <a href="tel:+56994500046" style="color: #ffc107;">+569 9450 0046</a> | 
        ✉️ <a href="mailto:administracion@ssrlaaguada.cl" style="color: #ffc107;">administracion@ssrlaaguada.cl</a>
      </p>
      <hr style="border: none; border-top: 1px solid rgba(255, 255, 255, 0.2); margin: 15px 0;">
      <small>
        &copy; <?php echo date('Y'); ?> SSR La Aguada, El Cajón, Las Damas. Todos los derechos reservados.<br>
        Desarrollo web: <a href="https://antox.cl" target="_blank" rel="noopener" style="color: #ffc107;">Antox.cl</a>
      </small>
    </div>
  </footer>
  
  <!-- JavaScript para mejorar la experiencia -->
  <script>
    // Suavizar scroll en enlaces internos
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
      anchor.addEventListener('click', function (e) {
        e.preventDefault();
        const target = document.querySelector(this.getAttribute('href'));
        if (target) {
          target.scrollIntoView({ behavior: 'smooth', block: 'start' });
        }
      });
    });
    
    // Marcar enlace activo en navegación
    const currentLocation = window.location.pathname.split('/').pop();
    document.querySelectorAll('nav a').forEach(link => {
      if (link.getAttribute('href') === currentLocation || 
          (currentLocation === '' && link.getAttribute('href') === 'index.php')) {
        link.style.color = 'var(--color-primario)';
        link.style.background = 'var(--color-fondo)';
      }
    });
  </script>
  
  <script src="js/script.js"></script>
</body>
</html>
