<?php
$pageTitle = 'Trasplante Capilar en Bogotá | Manejo de Alopecia – Dr. Sandro Florez';
$pageDescription = 'Trasplante capilar FUE, plasma rico en plaquetas, microneedling y manejo integral de alopecia con técnicas avanzadas en Bogotá.';
$pageKeywords = 'trasplante capilar Bogotá, alopecia, FUE, plasma rico en plaquetas, caída del cabello, fortalecimiento capilar';
$breadcrumbs = [
  ['name' => 'Inicio', 'url' => '/'],
  ['name' => 'Trasplante Capilar', 'url' => '/trasplante-capilar'],
];
require_once __DIR__ . '/includes/header.php';

// [slug, nombre, imagen, resumen, descripción, [ideal para x3]]
$items = [
  ['prp-capilar', 'Plasma Rico en Plaquetas (PRP)', 'alopecia-1.webp', 'Factores de crecimiento para estimular el folículo.',
   'Concentrado de factores de crecimiento obtenido de tu propia sangre que se aplica en el cuero cabelludo para estimular el folículo, frenar la caída y favorecer un cabello más fuerte.',
   ['Caída de cabello', 'Folículos debilitados', '100% autólogo']],
  ['farmacologico', 'Tratamiento farmacológico', 'alopecia-2.webp', 'Medicación específica para frenar la caída.',
   'Medicación específica —oral o tópica— seleccionada según el tipo de alopecia para frenar la caída y estabilizar el ciclo capilar, con seguimiento médico continuo.',
   ['Alopecia androgenética', 'Caída activa', 'Seguimiento médico']],
  ['nutricion-capilar', 'Proteínas, vitaminas y minerales', 'capilar-nutricion.webp', 'Aporte nutricional para el cabello.',
   'Aporte de los nutrientes esenciales del cabello —proteínas, biotina, zinc, hierro y vitaminas— para fortalecer la fibra capilar y apoyar un crecimiento saludable.',
   ['Cabello débil o quebradizo', 'Déficit nutricional', 'Fibra más fuerte']],
  ['precursores-dna', 'Precursores de DNA', 'capilar-dna.webp', 'Apoyo a la regeneración celular.',
   'Bioestimulación con precursores celulares que apoyan la regeneración del folículo y mejoran la calidad y el grosor del cabello nuevo.',
   ['Regeneración folicular', 'Calidad del cabello', 'Bioestimulación']],
  ['microneedling-capilar', 'Microneedling capilar', 'capilar-micro.webp', 'Estimulación cutánea para activar el folículo.',
   'Microperforaciones en el cuero cabelludo que activan la microcirculación y potencian la absorción de los tratamientos, estimulando el folículo capilar.',
   ['Activación del folículo', 'Mejor absorción de tratamientos', 'Microcirculación']],
];
$transplant = [
  ['fue', 'Trasplante FUE', 'capilar-fue2.webp', 'Técnica avanzada de unidades foliculares.',
   'Extracción y trasplante de unidades foliculares una a una, sin cicatriz lineal, diseñando una línea capilar natural con densidad y proyección a largo plazo.',
   ['Línea capilar natural', 'Sin cicatriz lineal', 'Densidad duradera']],
  ['long-hair-fue', 'Long Hair FUE (sin rasurar)', 'capilar-longhair2.webp', 'Trasplante sin rasurar: resultado discreto desde el primer día.',
   'Variante de la técnica FUE en la que las unidades foliculares se extraen e implantan con el cabello largo, sin necesidad de rasurar la zona donante ni la receptora. Permite ver una vista previa del resultado el mismo día y retomar la vida social de inmediato, sin que se note el procedimiento.',
   ['Sin rasurar la cabeza', 'Resultado discreto e inmediato', 'Ideal para quien no puede ausentarse']],
];
?>

<section class="page-banner">
  <div class="container">
    <h1>Trasplante Capilar FUE y Long Hair FUE</h1>
    <div class="breadcrumbs"><a href="<?= L ?>/">Inicio</a> &nbsp;/&nbsp; Trasplante Capilar</div>
  </div>
</section>

<!-- Intro -->
<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 ?>/trasplante-1.webp" alt="Trasplante capilar" class="img-fluid rounded">
      </div>
      <div class="col-lg-6">
        <p class="hero-subtitle mb-2">Método Dr. Sandro Florez</p>
        <h2 class="mb-3" style="color:var(--navy);font-weight:300;">Recuperación capilar <strong>en menos tiempo</strong></h2>
        <p class="text-muted">
          Técnica que se realiza en menos tiempo que las opciones tradicionales,
          con resultados naturales y un proceso de recuperación cómodo para el paciente.
        </p>
      </div>
    </div>
  </div>
</section>

<!-- Trasplante FUE / Long Hair FUE -->
<section class="py-5" style="background:var(--bg-soft);">
  <div class="container py-4">
    <div class="section-title">
      <h2>Trasplante <strong>FUE y Long Hair FUE</strong></h2>
      <div class="lead-line"></div>
      <p class="text-muted">También realizamos el procedimiento sin necesidad de rasurar.</p>
    </div>
    <div class="row g-4 justify-content-center">
      <?php foreach ($transplant as [$slug, $name, $img, $short]): ?>
      <div class="col-md-6 col-lg-4">
        <div class="svc-tile" data-bs-toggle="modal" data-bs-target="#m-<?= $slug ?>" role="button" tabindex="0" aria-haspopup="dialog">
          <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/<?= $img ?>" alt="<?= $name ?>">
          <div class="body">
            <h4><?= $name ?></h4>
            <p><?= $short ?></p>
            <span class="tile-more">Ver detalles</span>
          </div>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<!-- Manejo de alopecia -->
<section class="py-5">
  <div class="container py-4">
    <div class="section-title">
      <h2>Manejo de <strong>alopecia</strong></h2>
      <div class="lead-line"></div>
      <p class="text-muted">Tratamientos médicos para frenar la caída, fortalecer el cabello y estimular el folículo.</p>
    </div>
    <div class="row g-4">
      <?php foreach ($items as [$slug, $name, $img, $short]): ?>
      <div class="col-md-6 col-lg-4">
        <div class="svc-tile" data-bs-toggle="modal" data-bs-target="#m-<?= $slug ?>" role="button" tabindex="0" aria-haspopup="dialog">
          <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/<?= $img ?>" alt="<?= $name ?>">
          <div class="body">
            <h4><?= $name ?></h4>
            <p><?= $short ?></p>
            <span class="tile-more">Ver detalles</span>
          </div>
        </div>
      </div>
      <?php endforeach; ?>
    </div>
  </div>
</section>

<!-- Experiencia del día -->
<section class="py-5">
  <div class="container py-4">
    <div class="section-title">
      <h2>Tu <strong>día de procedimiento</strong></h2>
      <div class="lead-line"></div>
      <p class="text-muted">Disfruta de un día relajado y bien atendido.</p>
    </div>
    <div class="row g-4">
      <div class="col-md-4">
        <div class="principle">
          <div class="icon"><i class="bi bi-cup-hot"></i></div>
          <h5>Almuerzo ligero</h5>
          <p class="text-muted small mb-0">Atendemos tu alimentación durante el procedimiento.</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="principle">
          <div class="icon"><i class="bi bi-tv"></i></div>
          <h5>Entretenimiento</h5>
          <p class="text-muted small mb-0">TV y comodidades para que el día pase rápido.</p>
        </div>
      </div>
      <div class="col-md-4">
        <div class="principle">
          <div class="icon"><i class="bi bi-headset"></i></div>
          <h5>Acompañamiento</h5>
          <p class="text-muted small mb-0">Equipo médico y personal de soporte permanente.</p>
        </div>
      </div>
    </div>
  </div>
</section>

<?php
$faqId = 'faq-capilar';
$faqs = [
  ['¿El trasplante capilar FUE deja cicatriz?',
   'La técnica FUE extrae los folículos uno a uno, sin bisturí ni puntos, por lo que no deja cicatriz lineal. Quedan micropuntos que sanan en pocos días y resultan imperceptibles con el cabello corto.'],
  ['¿Cuándo se ven los resultados del trasplante?',
   'El cabello trasplantado cae en las primeras semanas (es normal) y el crecimiento definitivo inicia hacia el tercer o cuarto mes. El resultado completo se aprecia entre los 12 y 18 meses.'],
  ['¿El cabello trasplantado se vuelve a caer?',
   'No: los folículos de la zona donante son genéticamente resistentes a la alopecia y conservan esa característica en su nueva ubicación. El cabello no trasplantado sí puede requerir tratamiento de mantenimiento.'],
  ['¿Sirven el PRP y el microneedling si aún no quiero trasplante?',
   'Sí. En etapas tempranas de la alopecia, el plasma rico en plaquetas, el microneedling y el tratamiento médico pueden frenar la caída y engrosar el cabello existente, postergando o evitando la cirugía.'],
];
require __DIR__ . '/includes/faq-section.php';
?>

<section class="cta-band">
  <div class="container">
    <h2>Reserva tu <strong>valoración capilar</strong></h2>
    <a href="<?= L ?>/agenda-tu-cita" class="btn btn-brand">Agendar ahora</a>
  </div>
</section>

<!-- Procedure modals -->
<?php foreach (array_merge($transplant, $items) as [$slug, $name, $img, $short, $long, $ideal]): ?>
<div class="modal fade sf-modal" id="m-<?= $slug ?>" tabindex="-1" aria-labelledby="mt-<?= $slug ?>" aria-hidden="true">
  <div class="modal-dialog modal-lg modal-dialog-centered">
    <div class="modal-content">
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
      <div class="row g-0">
        <div class="col-md-5 sf-modal-img d-none d-md-block">
          <img loading="lazy" decoding="async" src="<?= CDN_BASE ?>/<?= $img ?>" alt="<?= $name ?>">
        </div>
        <div class="col-md-7">
          <div class="sf-modal-body">
            <p class="eyebrow">Trasplante Capilar</p>
            <h3 id="mt-<?= $slug ?>"><?= $name ?></h3>
            <p class="sf-modal-text"><?= $long ?></p>
            <p class="sf-modal-label">Ideal para</p>
            <ul class="sf-modal-list">
              <?php foreach ($ideal as $b): ?><li><?= $b ?></li><?php endforeach; ?>
            </ul>
            <a href="<?= L ?>/agenda-tu-cita" class="btn btn-brand">Agenda tu valoración</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<?php endforeach; ?>

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