<?php include "header.php"; ?>

<style>
  .sobre-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 30px;
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: 8px;
  }
  
  .stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 30px 0;
  }
  
  .stat-card {
    background: white;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s;
    border-left: 4px solid #1976d2;
  }
  
  .stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
  
  .stat-number {
    font-size: 2.5em;
    font-weight: bold;
    color: #1976d2;
    margin-bottom: 10px;
  }
  
  .stat-label {
    color: #666;
    font-size: 0.95em;
  }
  
  .team-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 30px 0;
  }
  
  .team-member {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  
  .team-role {
    color: #1976d2;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 0.9em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
  }
  
  .team-name {
    font-size: 1.1em;
    color: #333;
  }
  
  .mapa-container {
    text-align: center;
    margin: 30px 0;
    padding: 30px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  }
  
  .mapa-container img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
</style>

<div class="sobre-header">
  <h1>Sobre Nosotros</h1>
  <p style="color: #666; font-size: 1.1em; max-width: 700px; margin: 15px auto 0;">
    Conoce más sobre nuestra historia, misión y el equipo que trabaja día a día para brindarte agua potable de calidad.
  </p>
</div>

<section id="quienes-somos">
  <h2>💧 Quiénes Somos</h2>
  <p>
    Somos un <strong>Servicio Sanitario Rural (SSR)</strong> sin fines de lucro, creado en 1999 
    por un grupo de vecinos comprometidos de los sectores La Aguada, El Cajón y Las Damas. 
    Nuestro compromiso es garantizar el acceso al agua potable, un recurso natural esencial, 
    para todas las familias de la comunidad.
  </p>
</section>

<section id="nuestra-mision">
  <h2>🎯 Nuestra Misión</h2>
  <p>
    Es garantizar el acceso al agua, un recurso natural esencial, para todas las familias 
    de la comunidad. Trabajamos día a día para brindar agua potable y de calidad, 
    asegurando el bienestar de nuestros vecinos.
  </p>
  <p>
    El <strong>"SSR La Aguada, El Cajón, Las Damas"</strong> se encuentra ubicado en la 
    comuna de La Estrella, teniendo sus oficinas en calle La Aguada Lote 2, Región de O'Higgins.
  </p>
</section>

<!-- Estadísticas -->
<section style="background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);">
  <h2 style="text-align: center; margin-bottom: 30px;">📊 En Números</h2>
  <div class="stats-grid">
    <div class="stat-card">
      <div class="stat-number">564</div>
      <div class="stat-label">Arranques Totales</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">2,224</div>
      <div class="stat-label">Personas Beneficiadas</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">8</div>
      <div class="stat-label">Sectores Atendidos</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">35 km</div>
      <div class="stat-label">Red de Distribución</div>
    </div>
  </div>
</section>

<section id="equipo-trabajo">
  <h2>👥 Equipo de Trabajo</h2>
  
  <h3 style="color: #1976d2; margin-top: 25px;">Directorio</h3>
  <div class="team-grid">
    <div class="team-member">
      <div class="team-role">Presidenta</div>
      <div class="team-name">Eliana Gómez B.</div>
    </div>
    <div class="team-member">
      <div class="team-role">Tesorero</div>
      <div class="team-name">Marcelo Yañez</div>
    </div>
    <div class="team-member">
      <div class="team-role">Secretaria</div>
      <div class="team-name">Claudia Álvarez R.</div>
    </div>
  </div>

  <h3 style="color: #1976d2; margin-top: 30px;">Administración</h3>
  <div class="team-grid">
    <div class="team-member">
      <div class="team-role">Administración</div>
      <div class="team-name">Roxana Fuentes H.</div>
    </div>
    <div class="team-member">
      <div class="team-role">Administración</div>
      <div class="team-name">Jannete Hidalgo O.</div>
    </div>
  </div>

  <h3 style="color: #1976d2; margin-top: 30px;">Operaciones</h3>
  <div class="team-grid">
    <div class="team-member">
      <div class="team-role">Operador</div>
      <div class="team-name">Wilson Vargas C.</div>
    </div>
    <div class="team-member">
      <div class="team-role">Operador</div>
      <div class="team-name">Luis Yañez P.</div>
    </div>
    <div class="team-member">
      <div class="team-role">Operador</div>
      <div class="team-name">Francisco Palominos P.</div>
    </div>
  </div>
</section>

<section id="infraestructura-alcance">
  <h2>🏗️ Infraestructura y Cobertura</h2>
  
  <h3 style="color: #1976d2;">Distribución por Sectores</h3>
  <div class="stats-grid" style="margin-top: 20px;">
    <div class="stat-card">
      <div class="stat-number">24</div>
      <div class="stat-label">La Pataguilla</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">60</div>
      <div class="stat-label">Los Pasillos</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">163</div>
      <div class="stat-label">El Cajón</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">46</div>
      <div class="stat-label">Las Damas</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">182</div>
      <div class="stat-label">La Aguada</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">26</div>
      <div class="stat-label">La Aguada - Trigo Viejo</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">30</div>
      <div class="stat-label">Villa Los Aromos</div>
    </div>
    <div class="stat-card">
      <div class="stat-number">25</div>
      <div class="stat-label">Campos Trigo Viejo</div>
    </div>
  </div>

  <h3 style="color: #1976d2; margin-top: 40px;">🚰 Infraestructura</h3>
  <div class="listado">
<strong>Captación y Almacenamiento:</strong>

• 1 pozo de 48 metros de profundidad ubicado en el sector La Aguada
  Resolución DGA VI N°101 del 15 de noviembre de 2007

• 2 estanques metálicos de 50.000 litros cada uno ubicados en La Aguada

• 1 sentina metálica de 10.000 litros en el sector El Cajón

• 1 estanque de hormigón semi enterrado de 75.000 litros en El Cajón

<strong>Red de Distribución:</strong>

• 35 kilómetros de matrices de diferentes diámetros:
  - 63mm, 75mm, 90mm, 110mm, 160mm
  
• Cobertura en 8 sectores principales

• Capacidad total de almacenamiento: 185.000 litros
  </div>
</section>

<div class="mapa-container">
  <h2 style="margin-bottom: 20px;">🗺️ Zona de Servicio</h2>
  <img src="img/zona-cobertura.png" alt="Mapa Área de Servicio SSR La Aguada">
  <p style="color: #666; margin-top: 15px; font-size: 0.95em;">
    Área de cobertura del Servicio Sanitario Rural La Aguada
  </p>
</div>

<section id="organismos-reguladores">
  <h2>🏛️ Organismos Reguladores</h2>
  
  <h3 style="color: #1976d2;">Dirección de Obras Hidráulicas (DOH)</h3>
  <p>
    La DOH, que pertenece al Ministerio de Obras Públicas (MOP), es el organismo encargado 
    de la política sectorial y de la inversión pública en infraestructura hídrica. 
    Su rol principal incluye:
  </p>
  <ul style="line-height: 1.8; color: #555; margin-left: 30px;">
    <li><strong>Planificación y desarrollo de infraestructura:</strong> Identificación de necesidades, 
    elaboración de proyectos y ejecución de inversiones.</li>
    <li><strong>Otorgamiento de Licencias:</strong> Autorización para que los SSR puedan operar formalmente.</li>
    <li><strong>Asistencia técnica:</strong> Apoyo y asesoría para mejorar la gestión y operación.</li>
    <li><strong>Gestión de información:</strong> Sistema de monitoreo y planificación nacional.</li>
  </ul>

  <h3 style="color: #1976d2; margin-top: 30px;">Superintendencia de Servicios Sanitarios (SISS)</h3>
  <p>
    La SISS es el organismo fiscalizador y regulador de los servicios sanitarios según Ley 20.998. 
    Sus funciones incluyen:
  </p>
  <ul style="line-height: 1.8; color: #555; margin-left: 30px;">
    <li><strong>Fiscalización del cumplimiento normativo:</strong> Verificación de calidad del agua, 
    continuidad y presión del servicio.</li>
    <li><strong>Determinación de tarifas:</strong> Cálculo de tarifas para sostenibilidad financiera.</li>
    <li><strong>Atención de reclamos:</strong> Resolución de controversias entre SSR y usuarios.</li>
    <li><strong>Aplicación de sanciones:</strong> Multas por incumplimiento de normativa.</li>
  </ul>
</section>

<section style="background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%); border-left: 5px solid #4caf50;">
  <h3 style="color: #2e7d32; margin-bottom: 15px;">💚 Compromiso con la Comunidad</h3>
  <p style="color: #555;">
    Desde 1999, nuestro compromiso es proporcionar agua potable de calidad a nuestras 
    comunidades rurales. Trabajamos día a día para mantener y mejorar nuestro servicio, 
    siempre pensando en el bienestar de nuestros vecinos y en la sostenibilidad de 
    nuestro recurso más valioso: el agua.
  </p>
</section>

<?php include "footer.php"; ?>
