<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>SSR La Aguada</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="css/estilos.css">
  <link rel="shortcut icon" href="favicon.png" type="image/png" />
</head>
<body>
  <header class="principal-header">
    <!-- Logo + Nombre (vinculado a home) -->
    <a href="index.php" class="logo-container" style="display:flex; flex-direction:column; align-items:center; text-decoration:none; color:inherit; cursor:pointer;">
      <img src="img/logo-ssr.png" alt="Logo SSR La Aguada - Volver al inicio" />
      <span style="font-weight:bold; font-size:1.2em; margin-top:4px; text-align:center;">
        SSR La Aguada<br>
        El Cajón, Las Damas
      </span>
    </a>
    
    <!-- Botón de pagos central -->
    <div class="payment-container">
      <a class="payment-btn destacado" href="https://laaguada-aproh.geoxite.com/webpay/#no-back-button" target="_blank">
        💳 Pagar en línea
      </a>
    </div>
    
    <!-- Emergencias a la derecha -->
    <div class="emergency-container" style="text-align:right;">
      <div style="font-weight:600; font-size:1.05em; margin-bottom:2px;">🚨 Emergencias:</div>
      <div style="font-size:0.95em;">
        <div>📞 Lun-Vie: <a href="tel:+56999441366" style="color:inherit; text-decoration:none;">+56 9 9944 1366</a></div>
        <div>📞 Fest/F.S: <a href="tel:+56946902598" style="color:inherit; text-decoration:none;">+56 9 4690 2598</a></div>
      </div>
    </div>
  </header>
  
  <!-- Menú principal -->
  <nav>
    <ul>
      <li><a href="index.php">🏠 Home</a></li>
      <li><a href="sobre-nosotros.php">ℹ️ Sobre Nosotros</a></li>
      <li><a href="comunicaciones.php">📢 Comunicaciones</a></li>
      <li><a href="documentos.php">📚 Documentos</a></li>
      <li><a href="contacto.php">📧 Contacto</a></li>
    </ul>
  </nav>
  <main>
