<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Manual de Sobrevivencia para el Atleta Híbrido - Beni Carrión</title>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;0,800;0,900;1,800&family=Open+Sans:wght@400;600;700&display=swap');

    @page {
      size: A4;
      margin: 0;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: 'Open Sans', sans-serif;
      color: #1a1a1a;
      background-color: #e9ecef;
      line-height: 1.6;
      -webkit-print-color-adjust: exact;
    }

    .page {
      width: 210mm;
      min-height: 297mm;
      padding: 18mm 20mm;
      margin: 0 auto;
      background: #ffffff;
      position: relative;
      box-shadow: 0 10px 30px rgba(0,0,0,0.15);
      overflow: hidden;
    }

    /* MARCA DE AGUA DE FONDO */
    .watermark {
      position: absolute;
      bottom: -40px;
      right: -20px;
      font-family: 'Montserrat', sans-serif;
      font-size: 110px;
      font-weight: 900;
      color: rgba(13, 27, 42, 0.03);
      text-transform: uppercase;
      letter-spacing: -2px;
      pointer-events: none;
      user-select: none;
      line-height: 0.8;
      text-align: right;
    }

    /* HEADER STYLING */
    .header-banner {
      background: linear-gradient(135deg, #0b131f 0%, #1b263b 65%, #e63946 100%);
      color: #ffffff;
      padding: 30px 28px;
      border-radius: 14px;
      margin-bottom: 25px;
      position: relative;
      box-shadow: 0 8px 22px rgba(11, 19, 31, 0.3);
      border-left: 5px solid #e63946;
    }

    .header-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
    }

    .badge {
      background: #e63946;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-size: 10px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 2px;
      padding: 5px 12px;
      border-radius: 50px;
    }

    .author-tag {
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      font-weight: 800;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      background: rgba(255, 255, 255, 0.1);
      padding: 4px 10px;
      border-radius: 6px;
    }

    h1 {
      font-family: 'Montserrat', sans-serif;
      font-size: 24px;
      font-weight: 900;
      line-height: 1.25;
      text-transform: uppercase;
      letter-spacing: -0.5px;
      margin-bottom: 8px;
    }

    .subtitle {
      font-family: 'Montserrat', sans-serif;
      font-size: 13px;
      font-weight: 600;
      color: #f1faee;
      opacity: 0.9;
    }

    /* SECTION STYLING */
    .section {
      margin-bottom: 22px;
      position: relative;
      z-index: 2;
    }

    .section-title {
      font-family: 'Montserrat', sans-serif;
      font-size: 15px;
      font-weight: 800;
      color: #0b131f;
      text-transform: uppercase;
      display: flex;
      align-items: center;
      margin-bottom: 12px;
      padding-bottom: 5px;
      border-bottom: 2px solid #e63946;
    }

    .section-title span.number {
      background: #0b131f;
      color: #ffffff;
      width: 24px;
      height: 24px;
      border-radius: 5px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      margin-right: 10px;
      font-weight: 900;
    }

    p {
      font-size: 12.5px;
      color: #2b2d42;
      margin-bottom: 10px;
      line-height: 1.55;
    }

    /* CARD BOXES */
    .card-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin-top: 12px;
    }

    .card {
      background: #f8f9fa;
      border-left: 3.5px solid #e63946;
      padding: 12px;
      border-radius: 0 8px 8px 0;
      box-shadow: 0 2px 6px rgba(0,0,0,0.03);
    }

    .card-title {
      font-family: 'Montserrat', sans-serif;
      font-size: 11.5px;
      font-weight: 800;
      color: #0b131f;
      margin-bottom: 4px;
      text-transform: uppercase;
    }

    .card p {
      font-size: 11px;
      color: #4a5568;
      margin-bottom: 0;
      line-height: 1.4;
    }

    /* COACH TIP BOX */
    .coach-note {
      background: rgba(230, 57, 70, 0.06);
      border: 1px dashed #e63946;
      border-radius: 8px;
      padding: 10px 14px;
      margin: 12px 0;
      font-size: 11.5px;
      color: #0b131f;
      display: flex;
      align-items: center;
    }

    .coach-note strong {
      font-family: 'Montserrat', sans-serif;
      color: #e63946;
      margin-right: 6px;
      text-transform: uppercase;
      font-size: 11px;
    }

    /* LIST STYLING */
    .custom-list {
      list-style: none;
      margin-top: 8px;
    }

    .custom-list li {
      position: relative;
      padding-left: 18px;
      margin-bottom: 8px;
      font-size: 12.5px;
      color: #2b2d42;
    }

    .custom-list li::before {
      content: "■";
      position: absolute;
      left: 0;
      top: 1px;
      color: #e63946;
      font-size: 10px;
    }

    .custom-list strong {
      color: #0b131f;
      font-family: 'Montserrat', sans-serif;
    }

    /* TABLE STYLING */
    .table-container {
      margin-top: 12px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 3px 10px rgba(0,0,0,0.04);
      border: 1px solid #e9ecef;
    }

    table {
      width: 100%;
      border-collapse: collapse;
      font-size: 11.5px;
      text-align: left;
    }

    th {
      background: #0b131f;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-weight: 800;
      padding: 9px 12px;
      text-transform: uppercase;
      font-size: 10.5px;
      letter-spacing: 0.5px;
    }

    td {
      padding: 8px 12px;
      border-bottom: 1px solid #e9ecef;
      background: #ffffff;
    }

    tr:nth-child(even) td {
      background: #f8f9fa;
    }

    tr:last-child td {
      border-bottom: none;
    }

    /* CTA BOX */
    .cta-box {
      background: linear-gradient(135deg, #0b131f 0%, #1b263b 100%);
      color: #ffffff;
      padding: 18px 22px;
      border-radius: 12px;
      text-align: center;
      margin-top: 18px;
      box-shadow: 0 6px 18px rgba(11, 19, 31, 0.25);
      border-bottom: 4px solid #e63946;
    }

    .cta-box h3 {
      font-family: 'Montserrat', sans-serif;
      font-size: 15px;
      font-weight: 800;
      text-transform: uppercase;
      margin-bottom: 6px;
      color: #ffffff;
    }

    .cta-box p {
      color: #a8dadc;
      font-size: 12px;
      margin-bottom: 12px;
    }

    .cta-button {
      display: inline-block;
      background: #e63946;
      color: #ffffff;
      font-family: 'Montserrat', sans-serif;
      font-size: 12px;
      font-weight: 800;
      padding: 9px 20px;
      border-radius: 50px;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

    /* FOOTER */
    .footer {
      margin-top: 18px;
      padding-top: 10px;
      border-top: 1px solid #e9ecef;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 10px;
      color: #8d99ae;
      font-family: 'Montserrat', sans-serif;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
    }
  </style>
</head>
<body>

  <div class="page">
    
    <div class="watermark">BENI<br>CARRIÓN</div>

    <!-- HEADER -->
    <div class="header-banner">
      <div class="header-top">
        <div class="badge">Guía Oficial</div>
        <div class="author-tag">BENI CARRIÓN</div>
      </div>
      <h1>Manual de Sobrevivencia para el Atleta Híbrido</h1>
      <div class="subtitle">Cómo preparar tu primera carrera sin perder fuerza ni masa muscular</div>
    </div>

    <!-- SECCIÓN 1 -->
    <div class="section">
      <div class="section-title">
        <span class="number">1</span>
        El mito del atleta flaco: Por qué correr no destruye tu músculo
      </div>
      <p>Si vienes del mundo del gimnasio, es muy probable que hayas escuchado mil veces que salir a correr "devora" la masa muscular o que te vuelve flojo. La realidad es muy diferente.</p>
      <p>El problema <strong>nunca ha sido el running en sí</strong>, sino la falta de programación cruzada y el no compensar el gasto energético. Cuando intentas mantener la misma rutina de fuerza de alta intensidad y le sumas kilómetros sin ajustar nada más, ocurren tres cosas:</p>

      <div class="card-grid">
        <div class="card">
          <div class="card-title">Saturación SNC</div>
          <p>El cuerpo entra en fatiga acumulada y no es capaz de recuperar entre sesiones.</p>
        </div>
        <div class="card">
          <div class="card-title">Déficit Involuntario</div>
          <p>Gastas más energía de la que ingieres, obligando al cuerpo a degradar tejido.</p>
        </div>
        <div class="card">
          <div class="card-title">Interferencia</div>
          <p>Entrenas fuerza y carrera con los mismos patrones y menos de 24h de margen.</p>
        </div>
      </div>
    </div>

    <!-- SECCIÓN 2 -->
    <div class="section">
      <div class="section-title">
        <span class="number">2</span>
        El Pilar Nº1: La Regla de los Tiempos de Impacto
      </div>
      <p>Para evitar que una sesión de carrera arruine tu entrenamiento de fuerza en el gimnasio, debes gestionar la fatiga y el impacto articular/muscular.</p>
      <ul class="custom-list">
        <li><strong>Margen de seguridad:</strong> Separar las tiradas exigentes al menos <strong>24 a 48 horas</strong> de tus entrenamientos de pierna o sesiones pesadas de torso.</li>
        <li><strong>Priorización de la sesión:</strong> Si entrenas pesas y carrera el mismo día, realiza <strong>primero la fuerza</strong> y deja el rodaje suave para el final.</li>
        <li><strong>Gasto de impacto:</strong> Si el cuerpo está fatigado del gimnasio, la técnica de carrera empeora y el riesgo de sobrecarga se triplica.</li>
      </ul>
      
      <div class="coach-note">
        <strong>Consejo de Beni Carrión:</strong> "Si sientes las piernas como bloques de cemento, no estás perdiendo músculo; tu sistema nervioso simplemente está pidiendo margen."
      </div>
    </div>

    <!-- SECCIÓN 3 -->
    <div class="section">
      <div class="section-title">
        <span class="number">3</span>
        El Pilar Nº2: Nutrición Estratégica (Sin complicaciones)
      </div>
      <ul class="custom-list">
        <li><strong>Carbohidratos como combustible sagrado:</strong> Son la fuente principal de energía para el gimnasio y la carrera. Sin ellos, tu cuerpo usará la proteína muscular como fuente de energía.</li>
        <li><strong>Pre-Entreno de Carrera:</strong> Si vas a rodar más de 45 minutos, consume una fuente de carbohidrato de rápida absorción 30-45 minutos antes (un plátano, tostada con mermelada o barrita).</li>
        <li><strong>Post-Entreno de Recuperación:</strong> Dentro de las 2 horas posteriores, combina proteína de calidad (20-30g) con hidratos de carbono para reponer los depósitos de glucógeno.</li>
      </ul>
    </div>

    <!-- SECCIÓN 4 -->
    <div class="section">
      <div class="section-title">
        <span class="number">4</span>
        La Plantilla Semanal Tipo (Ejemplo práctico)
      </div>
      <div class="table-container">
        <table>
          <thead>
            <tr>
              <th>Día</th>
              <th>Actividad Principal</th>
              <th>Enfoque / Objetivo</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><strong>Lunes</strong></td>
              <td>Torso (Empuje / Tirón)</td>
              <td>Fuerza e Hipertrofia</td>
            </tr>
            <tr>
              <td><strong>Martes</strong></td>
              <td>Pierna (Fuerza / Hipertrofia)</td>
              <td>Trabajo pesado de tren inferior</td>
            </tr>
            <tr>
              <td><strong>Miércoles</strong></td>
              <td>Carrera suave (Zona 2) / Descanso</td>
              <td>Rodaje regenerativo conversacional (30-40 min)</td>
            </tr>
            <tr>
              <td><strong>Jueves</strong></td>
              <td>Torso (Empuje / Tirón)</td>
              <td>Fuerza e Hipertrofia</td>
            </tr>
            <tr>
              <td><strong>Viernes</strong></td>
              <td>Carrera de calidad (Series / Cambios)</td>
              <td>Capacidad aeróbica y velocidad</td>
            </tr>
            <tr>
              <td><strong>Sábado</strong></td>
              <td>Descanso Total / Movilidad</td>
              <td>Recuperación del sistema nervioso</td>
            </tr>
            <tr>
              <td><strong>Domingo</strong></td>
              <td>Tirada Larga (Ritmo cómodo)</td>
              <td>Construcción de base aeróbica (45-60 min)</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>

    <!-- SECCIÓN 5 / CTA -->
    <div class="section" style="margin-bottom: 0;">
      <div class="section-title">
        <span class="number">5</span>
        Tu Siguiente Paso
      </div>
      
      <div class="cta-box">
        <h3>¿Quieres que analice tu caso personal?</h3>
        <p>Evaluamos tu nivel actual en el gimnasio y la carrera que quieres preparar para armarte un plan 100% adaptado a ti.</p>
        <div class="cta-button">Envía "PLAN" por mensaje directo en Instagram</div>
      </div>
    </div>

    <!-- FOOTER -->
    <div class="footer">
      <span>BENI CARRIÓN — ATLETA HÍBRIDO</span>
      <span>Método de Rendimiento & Estética</span>
    </div>

  </div>

</body>
</html>