<?php
$pageTitle = 'Out of Town | Atención para Pacientes Internacionales – Sandro Florez';
$pageDescription = 'Pacientes fuera de Bogotá o del exterior: valoración virtual, planificación de viaje, procedimiento en Bogotá y seguimiento posterior.';
$pageKeywords = 'pacientes internacionales Bogotá, medical tourism Colombia, consulta virtual cirugía plástica, out of town patients';
$breadcrumbs = [
  ['name' => 'Inicio', 'url' => '/'],
  ['name' => 'Out of Town', 'url' => '/out-of-town'],
];
require_once __DIR__ . '/includes/header.php';
?>

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

<section class="py-5">
  <div class="container py-4">
    <div class="row align-items-center g-5">
      <div class="col-lg-6">
        <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/outoftown-1.webp" alt="Pacientes Out of Town" class="img-fluid rounded">
      </div>
      <div class="col-lg-6">
        <p class="hero-subtitle mb-2">Pacientes Internacionales y Nacionales</p>
        <h2 class="mb-3" style="color:var(--navy);font-weight:300;">Atención <strong>desde cualquier lugar</strong></h2>
        <p class="text-muted">
          Si vives fuera de Bogotá o del país, te acompañamos en cada etapa: valoración inicial
          virtual, planificación de tu visita, procedimiento y seguimiento posterior.
        </p>
        <p class="text-muted">
          Cada año recibimos pacientes de Estados Unidos, Europa y otras ciudades de
          Colombia que eligen Bogotá por la calidad de su medicina estética y la
          atención personalizada que no encuentran en casa.
        </p>
        <a href="<?= L ?>/agenda-tu-cita" class="btn btn-brand">Solicita tu valoración virtual</a>
      </div>
    </div>
  </div>
</section>

<section class="py-5" style="background:var(--bg-soft);">
  <div class="container py-4">
    <div class="section-title">
      <h2>Cómo <strong>funciona</strong></h2>
      <div class="lead-line"></div>
    </div>
    <div class="row g-4">
      <div class="col-md-6 col-lg-3">
        <div class="principle">
          <div class="icon"><i class="bi bi-camera-video"></i></div>
          <h5>1. Valoración virtual</h5>
          <p class="text-muted small mb-0">Conversamos sobre tus objetivos y revisamos tu caso.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="principle">
          <div class="icon"><i class="bi bi-clipboard-check"></i></div>
          <h5>2. Plan personalizado</h5>
          <p class="text-muted small mb-0">Recibes un plan con procedimientos, tiempos y costos.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="principle">
          <div class="icon"><i class="bi bi-airplane"></i></div>
          <h5>3. Tu viaje</h5>
          <p class="text-muted small mb-0">Te orientamos en logística para tu estadía en Bogotá.</p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3">
        <div class="principle">
          <div class="icon"><i class="bi bi-heart-pulse"></i></div>
          <h5>4. Seguimiento</h5>
          <p class="text-muted small mb-0">Acompañamiento posterior aunque regreses a casa.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="py-5">
  <div class="container py-4">
    <div class="section-title">
      <h2>Por qué elegir <strong>Bogotá</strong></h2>
      <div class="lead-line"></div>
    </div>
    <div class="row g-4">
      <?php
      $reasons = [
        ['bi-award', 'Médicos con formación internacional', 'Credenciales obtenidas en instituciones de prestigio y membresías en sociedades médicas reconocidas.'],
        ['bi-cash-coin', 'Costos competitivos', 'Tratamientos de nivel internacional a una fracción del costo de Estados Unidos o Europa.'],
        ['bi-translate', 'Atención en tu idioma', 'Comunicación en español, inglés y portugués durante todo el proceso.'],
        ['bi-hospital', 'Clínicas habilitadas', 'Procedimientos en instalaciones certificadas que cumplen la normativa colombiana.'],
      ];
      foreach ($reasons as [$icon, $title, $desc]): ?>
      <div class="col-md-6 col-lg-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>

<section class="py-5" style="background:var(--bg-soft);">
  <div class="container py-4">
    <div class="row align-items-center g-5">
      <div class="col-lg-6">
        <p class="hero-subtitle mb-2">Planifica tu visita</p>
        <h2 class="mb-3" style="color:var(--navy);font-weight:300;">Lo que debes saber <strong>para tu viaje</strong></h2>
        <ul class="sf-modal-list">
          <li>La duración recomendada de tu estadía depende del procedimiento: desde 2 o 3 días para tratamientos estéticos hasta 10 a 14 días para cirugías.</li>
          <li>El consultorio está en el norte de Bogotá (Calle 126), una zona segura con excelentes hoteles y restaurantes a pocos minutos.</li>
          <li>Antes de tu regreso se realiza un control presencial para verificar tu evolución y autorizar el viaje.</li>
          <li>Al volver a casa, el seguimiento continúa de forma virtual con el equipo médico.</li>
        </ul>
      </div>
      <div class="col-lg-6">
        <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/outoftown-3.webp" alt="Planifica tu visita a Bogotá" class="img-fluid rounded">
      </div>
    </div>
  </div>
</section>

<?php
$faqId = 'faq-oot';
$faqs = [
  ['¿Cómo funciona la valoración virtual?',
   'Agendas una videollamada con el equipo médico, compartes tus objetivos, antecedentes y fotografías de la zona a tratar, y recibes un plan con procedimientos recomendados, tiempos de estadía y costos estimados.'],
  ['¿Cuánto tiempo debo quedarme en Bogotá?',
   'Depende del procedimiento: los tratamientos estéticos suelen requerir 2 a 3 días, mientras que una cirugía puede necesitar entre 10 y 14 días para los controles postoperatorios antes de viajar.'],
  ['¿Qué pasa con el seguimiento cuando regreso a mi país?',
   'Antes de tu regreso se hace un control presencial, y después el seguimiento continúa de forma virtual: controles por videollamada y comunicación directa con el equipo para resolver cualquier inquietud.'],
  ['¿En qué idiomas atienden?',
   'El equipo atiende en español, inglés y portugués, tanto en la valoración virtual como durante tu visita en Bogotá.'],
];
require __DIR__ . '/includes/faq-section.php';
?>

<section class="cta-band">
  <div class="container">
    <h2>¿Estás fuera de Bogotá? <strong>Hablemos</strong></h2>
    <a href="<?= L ?>/agenda-tu-cita" class="btn btn-brand">Solicita tu valoración</a>
  </div>
</section>

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