<?php
/**
 * _vertical-page.php — plantilla de página por vertical.
 * Uso: definir $ACTIVE_SLUG y luego require_once __DIR__ . '/_vertical-page.php';
 */
require_once __DIR__ . '/_data.php';
$verticales = web_verticales();
$v = $verticales[$ACTIVE_SLUG] ?? null;
if (!$v) { http_response_code(404); require_once __DIR__ . '/_header.php'; echo '<main><div class="content"><div class="content__inner"><h1>Vertical no encontrado</h1><p><a href="/">Volver al inicio</a></p></div></div></main>'; require_once __DIR__ . '/_footer.php'; return; }
require_once __DIR__ . '/_header.php';
?>
  <main>
    <section class="page-hero">
      <div class="page-hero__inner">
        <span class="page-hero__badge" style="background:<?php echo $v['color']; ?>;"><?php echo $v['icono']; ?></span>
        <div>
          <h1><?php echo htmlspecialchars($v['nombre']); ?></h1>
          <p><?php echo htmlspecialchars($v['descripcion']); ?></p>
        </div>
      </div>
    </section>

    <section class="content">
      <div class="content__inner">
        <h2>La propuesta de nuestro vertical <?php echo htmlspecialchars($v['nombre']); ?></h2>
        <p><?php echo htmlspecialchars($v['perfil']); ?></p>

        <?php if (!empty($v['indicadores'])): ?>
        <div class="indicators">
          <?php foreach ($v['indicadores'] as $ind): ?>
          <div class="indicator">
            <span class="indicator__value"><?php echo htmlspecialchars($ind['valor']); ?></span>
            <span class="indicator__label"><?php echo htmlspecialchars($ind['etiqueta']); ?></span>
          </div>
          <?php endforeach; ?>
        </div>
        <?php endif; ?>

        <h2>Servicios</h2>
        <div class="service-grid">
          <?php foreach ($v['servicios'] as $s): ?>
          <div class="service">
            <h3><?php echo htmlspecialchars($s['titulo']); ?></h3>
            <p><?php echo htmlspecialchars($s['texto']); ?></p>
          </div>
          <?php endforeach; ?>
        </div>

        <?php if (!empty($v['beneficios'])): ?>
        <h2>¿Por qué elegirnos?</h2>
        <div class="feature-grid">
          <?php foreach ($v['beneficios'] as $b): ?>
          <div class="feature">
            <h3><?php echo htmlspecialchars($b); ?></h3>
          </div>
          <?php endforeach; ?>
        </div>
        <?php endif; ?>

        <h2>¿Cómo trabajamos?</h2>
        <div class="feature-grid">
          <div class="feature">
            <h3>1. Contacto inicial</h3>
            <p>Relevamos la necesidad con una primera reunión sin compromiso.</p>
          </div>
          <div class="feature">
            <h3>2. Propuesta a medida</h3>
            <p>Diseñamos un plan de trabajo acorde a tu situación concreta.</p>
          </div>
          <div class="feature">
            <h3>3. Ejecución y seguimiento</h3>
            <p>Avanzamos con informes de avance e interlocutores dedicados.</p>
          </div>
          <div class="feature">
            <h3>4. Resultados sostenidos</h3>
            <p>Cerramos con entregables claros y acompañamiento posterior.</p>
          </div>
        </div>

        <?php if (!empty($v['faq'])): ?>
        <h2>Preguntas frecuentes</h2>
        <div class="faq">
          <?php foreach ($v['faq'] as $i => $fq): ?>
          <details class="faq__item"<?php if ($i === 0) echo ' open'; ?>>
            <summary><?php echo htmlspecialchars($fq['p']); ?></summary>
            <p><?php echo htmlspecialchars($fq['r']); ?></p>
          </details>
          <?php endforeach; ?>
        </div>
        <?php endif; ?>
      </div>
    </section>

    <section class="contact-strip" id="contacto">
      <div class="contact-strip__inner">
        <h2>Consultá por nuestros servicios de <?php echo htmlspecialchars(mb_strtolower($v['nombre'])); ?></h2>
        <p>Un asesor del área se comunicará con vos para responder tu consulta.</p>
        <ul class="contact-list">
          <li><strong>Director:</strong> <?php echo htmlspecialchars($WEB_SITE_CONTACT['director']); ?> — <?php echo htmlspecialchars($WEB_SITE_CONTACT['rol']); ?></li>
          <li><strong>Teléfono:</strong> <a href="tel:+59172599005" style="color:#fff;"><?php echo htmlspecialchars($WEB_SITE_CONTACT['telefono']); ?></a></li>
          <li><strong>WhatsApp:</strong> <a href="<?php echo htmlspecialchars($WEB_SITE_CONTACT['whatsapp']); ?>" target="_blank" rel="noopener" style="color:#fff;">Chatear ahora</a></li>
          <li><strong>Facebook:</strong> <a href="<?php echo htmlspecialchars($WEB_SITE_CONTACT['facebook']); ?>" target="_blank" rel="noopener" style="color:#fff;">T&amp;C Legal — Soluciones Jurídicas</a></li>
          <li><strong>Dirección:</strong> <?php echo htmlspecialchars($WEB_SITE_CONTACT['direccion']); ?>, <?php echo htmlspecialchars($WEB_SITE_CONTACT['edificio']); ?>, <?php echo htmlspecialchars($WEB_SITE_CONTACT['ciudad']); ?></li>
        </ul>
        <?php require_once __DIR__ . '/_contact-form.php'; ?>
        <a class="btn btn--ghost" href="tel:+59172599005">Llamar ahora</a>
      </div>
    </section>
  </main>
<?php require_once __DIR__ . '/_whatsapp.php'; ?>
<?php require_once __DIR__ . '/_footer.php'; ?>
