<?php
$pageTitle = 'Nosotros | Dr. Sandro Florez – Medicina Estética en Bogotá';
$pageDescription = 'Conoce al Dr. Sandro Florez, su equipo médico y los 7 principios que rigen su práctica de medicina estética, capilar y cirugía plástica en Bogotá.';
$pageKeywords = 'Sandro Florez, médico cirujano Bogotá, medicina estética Bogotá, equipo médico, Dr Jorge Luis Azocar';
$breadcrumbs = [
  ['name' => 'Inicio', 'url' => '/'],
  ['name' => 'Nosotros', 'url' => '/nosotros'],
];
require_once __DIR__ . '/includes/header.php';
?>

<section class="page-banner">
  <div class="container">
    <h1>Nosotros</h1>
    <div class="breadcrumbs"><a href="<?= L ?>/">Inicio</a> &nbsp;/&nbsp; Nosotros</div>
  </div>
</section>

<!-- Bio principal -->
<section class="py-5">
  <div class="container py-4">
    <div class="row g-5 align-items-center">
      <div class="col-lg-5">
        <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/nosotros-sandro.webp" alt="Dr. Sandro Florez" class="img-fluid rounded shadow-sm">
      </div>
      <div class="col-lg-7">
        <p class="hero-subtitle mb-2">Director Médico</p>
        <h2 class="mb-3" style="color:var(--navy);font-weight:300;">Dr. <strong>Sandro Florez</strong></h2>
        <p class="text-muted">
          Médico cirujano con formación de postgrado en medicina estética y capilar, con
          credenciales obtenidas en instituciones internacionales de prestigio (Universidad
          de Miami, Universidad John F. Kennedy, Union Internationale de Médecine Esthétique)
          y membresías activas en sociedades médicas reconocidas.
        </p>
        <p class="text-muted">
          Atiende pacientes en su consultorio de Bogotá y recibe consultas de pacientes
          fuera de la ciudad y del país a través del programa Out of Town.
        </p>
        <div class="d-flex gap-2 flex-wrap mt-3">
          <a href="<?= L ?>/agenda-tu-cita" class="btn btn-brand">Agenda tu cita</a>
          <a href="<?= SOCIAL_INSTAGRAM ?>" target="_blank" rel="noopener" class="btn btn-outline-brand"><i class="bi bi-instagram me-2"></i>Instagram</a>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Bio segundo doctor -->
<section class="py-5" style="background:var(--bg-soft);">
  <div class="container py-4">
    <div class="row g-5 align-items-center">
      <div class="col-lg-7 order-lg-1">
        <p class="hero-subtitle mb-2">Equipo Médico</p>
        <h2 class="mb-3" style="color:var(--navy);font-weight:300;">Dr. <strong>Jorge Luis Azocar</strong></h2>
        <p class="text-muted">
          Cirujano plástico con formación internacional y más de dos décadas de experiencia
          en cirugía estética y reconstructiva, con membresías activas en sociedades de
          cirugía plástica de reconocimiento internacional.
        </p>
        <p class="text-muted">
          Lidera los procedimientos quirúrgicos del consultorio con un enfoque de
          resultados naturales, seguridad y acompañamiento cercano en cada etapa
          del tratamiento.
        </p>
      </div>
      <div class="col-lg-5 order-lg-2">
        <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/nosotros-jorge.webp" alt="Dr. Jorge Luis Azocar" class="img-fluid rounded shadow-sm">
      </div>
    </div>
  </div>
</section>

<!-- 7 principios -->
<section class="py-5">
  <div class="container py-4">
    <div class="section-title">
      <h2>Nuestros <strong>7 principios</strong> fundamentales</h2>
      <div class="lead-line"></div>
    </div>
    <div class="row g-4">
      <?php
      $principles = [
        ['bi-shield-check', 'Seguridad', 'Procedimientos con los más altos estándares.'],
        ['bi-award', 'Excelencia', 'Resultados que cuidan tu salud y estética.'],
        ['bi-person-heart', 'Atención personalizada', 'Cada paciente recibe un plan a la medida.'],
        ['bi-stars', 'Experiencia', 'Formación internacional y trayectoria comprobada.'],
        ['bi-heart-pulse', 'Bienestar', 'Tu salud integral por encima de todo.'],
        ['bi-droplet', 'Estética natural', 'Resultados armónicos y proporcionados.'],
        ['bi-headset', 'Acompañamiento', 'Te acompañamos antes, durante y después.'],
      ];
      foreach ($principles as [$icon, $title, $desc]):
      ?>
      <div class="col-md-6 col-lg-4 col-xl-3">
        <div class="principle">
          <div class="icon"><i class="bi <?= $icon ?>"></i></div>
          <h5><?= $title ?></h5>
          <p class="text-muted small mb-0"><?= $desc ?></p>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<!-- Universidades / sociedades -->
<section class="py-5" style="background:var(--bg-soft);">
  <div class="container py-4 text-center">
    <div class="section-title">
      <h2>Formación y <strong>afiliaciones</strong></h2>
      <div class="lead-line"></div>
    </div>
    <?php
    $universidades = [
      ['logo-javeriana.webp', 'Pontificia Universidad Javeriana'],
      ['logo-miami.webp', 'University of Miami'],
      ['logo-uime.webp', 'Union Internationale de Médecine Esthétique'],
      ['logo-jfk.webp', 'Universidad Argentina John F. Kennedy'],
    ];
    $sociedades = [
      ['logo-sccp.webp', 'Sociedad Colombiana de Cirugía Plástica Estética y Reconstructiva'],
      ['logo-acicme.webp', 'ACICME – Asociación Científica Colombiana de Medicina Estética'],
      ['logo-eaam.webp', 'European Academy of Aesthetic Medicine'],
      ['logo-saeme.webp', 'Sociedad Argentina de Especialistas en Medicina Estética'],
      ['logo-ams.webp', 'Aesthetic Multispecialty Society'],
    ];
    ?>
    <div class="affil-row">
      <h6 class="text-muted text-uppercase mb-4">Universidades</h6>
      <div class="logo-row">
        <?php foreach ($universidades as [$file, $alt]): ?>
        <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/<?= $file ?>" alt="<?= $alt ?>">
        <?php endforeach; ?>
      </div>
    </div>
    <div class="affil-row mt-5">
      <h6 class="text-muted text-uppercase mb-4">Sociedades</h6>
      <div class="logo-row">
        <?php foreach ($sociedades as [$file, $alt]): ?>
        <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/<?= $file ?>" alt="<?= $alt ?>">
        <?php endforeach; ?>
      </div>
    </div>
  </div>
</section>

<!-- CTA -->
<section class="cta-band">
  <div class="container">
    <h2>¿Quieres agendar tu <strong>cita de valoración</strong>?</h2>
    <a href="<?= L ?>/agenda-tu-cita" class="btn btn-brand">Agendar ahora</a>
  </div>
</section>

<?php require_once __DIR__ . '/includes/footer.php'; ?>
