<!--
  INAPECC - Página institucional para Moodle 4.5 / tema Academic
  Uso recomendado: recurso Página o bloque HTML personalizado.
  Abrir el editor HTML de Moodle y pegar desde <style> hasta </section>.
  No requiere JavaScript.
-->

<style>
  #inapecc-institucional {
    --ina-azul: #10294d;
    --ina-azul-oscuro: #081b33;
    --ina-turquesa: #13afa6;
    --ina-dorado: #b09156;
    --ina-fondo: #f5f7fa;
    --ina-texto: #263238;
    --ina-blanco: #ffffff;
    --ina-borde: #dfe7ee;
    max-width: 1240px;
    margin: 0 auto;
    color: var(--ina-texto);
    font-family: "Lato", Arial, sans-serif;
    line-height: 1.55;
  }

  #inapecc-institucional,
  #inapecc-institucional * {
    box-sizing: border-box;
  }

  #inapecc-institucional h1,
  #inapecc-institucional h2,
  #inapecc-institucional h3,
  #inapecc-institucional h4 {
    margin-top: 0;
    color: var(--ina-azul);
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 700;
    line-height: 1.18;
  }

  #inapecc-institucional p {
    margin-top: 0;
  }

  #inapecc-institucional .ina-hero {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    gap: 34px;
    align-items: center;
    overflow: hidden;
    padding: 54px;
    color: var(--ina-blanco);
    background:
      radial-gradient(circle at 85% 20%, rgba(19, 175, 166, 0.25), transparent 33%),
      linear-gradient(125deg, var(--ina-azul-oscuro), var(--ina-azul));
    border-radius: 18px;
    box-shadow: 0 18px 45px rgba(8, 27, 51, 0.18);
  }

  #inapecc-institucional .ina-eyebrow {
    margin-bottom: 10px;
    color: #6be3dc;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  #inapecc-institucional .ina-hero h1 {
    margin-bottom: 16px;
    color: var(--ina-blanco);
    font-size: clamp(2.15rem, 5vw, 4rem);
  }

  #inapecc-institucional .ina-hero-copy {
    max-width: 720px;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.12rem;
  }

  #inapecc-institucional .ina-button {
    display: inline-block;
    padding: 13px 24px;
    color: var(--ina-blanco) !important;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 700;
    text-decoration: none !important;
    background: var(--ina-turquesa);
    border: 2px solid var(--ina-turquesa);
    border-radius: 8px;
    transition: transform 0.2s ease, background-color 0.2s ease;
  }

  #inapecc-institucional .ina-button:hover,
  #inapecc-institucional .ina-button:focus {
    color: var(--ina-azul-oscuro) !important;
    background: var(--ina-blanco);
    border-color: var(--ina-blanco);
    transform: translateY(-2px);
  }

  #inapecc-institucional .ina-metrics {
    display: grid;
    gap: 12px;
  }

  #inapecc-institucional .ina-metric {
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 12px;
    backdrop-filter: blur(5px);
  }

  #inapecc-institucional .ina-metric strong {
    display: block;
    color: #6be3dc;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 2rem;
    line-height: 1;
  }

  #inapecc-institucional .ina-metric span {
    display: block;
    margin-top: 7px;
    color: var(--ina-blanco);
  }

  #inapecc-institucional .ina-section {
    padding: 72px 18px 0;
  }

  #inapecc-institucional .ina-heading {
    max-width: 780px;
    margin: 0 auto 34px;
    text-align: center;
  }

  #inapecc-institucional .ina-heading h2 {
    margin-bottom: 10px;
    font-size: clamp(1.75rem, 3vw, 2.55rem);
  }

  #inapecc-institucional .ina-heading p {
    color: #586674;
    font-size: 1.05rem;
  }

  #inapecc-institucional .ina-grid-4,
  #inapecc-institucional .ina-grid-3,
  #inapecc-institucional .ina-grid-2 {
    display: grid;
    gap: 20px;
  }

  #inapecc-institucional .ina-grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  #inapecc-institucional .ina-grid-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  #inapecc-institucional .ina-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  #inapecc-institucional .ina-card {
    height: 100%;
    padding: 25px;
    background: var(--ina-blanco);
    border: 1px solid var(--ina-borde);
    border-radius: 13px;
    box-shadow: 0 7px 22px rgba(16, 41, 77, 0.07);
  }

  #inapecc-institucional .ina-card-accent {
    border-top: 4px solid var(--ina-turquesa);
  }

  #inapecc-institucional .ina-card-gold {
    border-top: 4px solid var(--ina-dorado);
  }

  #inapecc-institucional .ina-card h3,
  #inapecc-institucional .ina-card h4 {
    margin-bottom: 9px;
    font-size: 1.08rem;
  }

  #inapecc-institucional .ina-card p {
    margin-bottom: 0;
    color: #52616e;
  }

  #inapecc-institucional .ina-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 16px;
    color: var(--ina-blanco);
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 700;
    background: var(--ina-azul);
    border-radius: 50%;
  }

  #inapecc-institucional .ina-plus {
    margin-top: 24px;
    padding: 20px 25px;
    color: var(--ina-blanco);
    text-align: center;
    background: var(--ina-azul);
    border-left: 6px solid var(--ina-dorado);
    border-radius: 10px;
  }

  #inapecc-institucional details {
    overflow: hidden;
    background: var(--ina-blanco);
    border: 1px solid var(--ina-borde);
    border-radius: 13px;
    box-shadow: 0 7px 22px rgba(16, 41, 77, 0.07);
  }

  #inapecc-institucional summary {
    padding: 22px 25px;
    color: var(--ina-blanco);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    background: var(--ina-azul);
  }

  #inapecc-institucional summary::marker {
    color: var(--ina-turquesa);
  }

  #inapecc-institucional .ina-details-content {
    padding: 24px;
  }

  #inapecc-institucional .ina-checklist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  #inapecc-institucional .ina-checklist li {
    padding: 15px;
    background: #f7fafc;
    border-left: 4px solid var(--ina-turquesa);
    border-radius: 7px;
  }

  #inapecc-institucional .ina-checklist strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ina-azul);
  }

  #inapecc-institucional .ina-note {
    margin: 18px 0 0;
    padding: 13px 16px;
    color: #485762;
    background: #fff8e9;
    border-left: 4px solid var(--ina-dorado);
    border-radius: 6px;
  }

  #inapecc-institucional .ina-price-card {
    position: relative;
    overflow: hidden;
    text-align: center;
  }

  #inapecc-institucional .ina-price-label {
    margin: -25px -25px 22px;
    padding: 13px 15px;
    color: var(--ina-blanco);
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 700;
    background: var(--ina-azul);
  }

  #inapecc-institucional .ina-price {
    margin-bottom: 12px;
    color: var(--ina-turquesa);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 2rem;
    font-weight: 700;
  }

  #inapecc-institucional .ina-table-wrap {
    overflow-x: auto;
    margin-top: 24px;
    background: var(--ina-blanco);
    border: 1px solid var(--ina-borde);
    border-radius: 12px;
  }

  #inapecc-institucional table {
    width: 100%;
    min-width: 520px;
    margin: 0;
    border-collapse: collapse;
  }

  #inapecc-institucional th,
  #inapecc-institucional td {
    padding: 14px 18px;
    text-align: left;
    border-bottom: 1px solid var(--ina-borde);
  }

  #inapecc-institucional th {
    color: var(--ina-blanco);
    background: var(--ina-azul);
  }

  #inapecc-institucional tr:last-child td {
    border-bottom: 0;
  }

  #inapecc-institucional .ina-route {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    position: relative;
  }

  #inapecc-institucional .ina-step {
    position: relative;
    padding: 22px 15px;
    text-align: center;
    background: var(--ina-blanco);
    border: 1px solid var(--ina-borde);
    border-radius: 12px;
  }

  #inapecc-institucional .ina-step strong {
    display: block;
    margin: 7px 0;
    color: var(--ina-azul);
    font-family: "Montserrat", Arial, sans-serif;
  }

  #inapecc-institucional .ina-step span {
    color: var(--ina-dorado);
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 700;
  }

  #inapecc-institucional .ina-step p {
    margin-bottom: 0;
    color: #5a6874;
    font-size: 0.92rem;
  }

  #inapecc-institucional .ina-result {
    margin-top: 22px;
    padding: 20px 25px;
    color: var(--ina-blanco);
    text-align: center;
    background: var(--ina-azul);
    border-radius: 10px;
  }

  #inapecc-institucional .ina-cta {
    margin-top: 72px;
    padding: 46px;
    color: var(--ina-blanco);
    text-align: center;
    background: linear-gradient(120deg, var(--ina-azul-oscuro), var(--ina-azul));
    border-top: 5px solid var(--ina-dorado);
    border-radius: 16px;
  }

  #inapecc-institucional .ina-cta h2 {
    margin-bottom: 12px;
    color: var(--ina-blanco);
    font-size: clamp(1.8rem, 3vw, 2.7rem);
  }

  #inapecc-institucional .ina-contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 22px;
    margin: 24px 0;
  }

  #inapecc-institucional .ina-contact a,
  #inapecc-institucional .ina-contact span {
    color: var(--ina-blanco) !important;
    text-decoration: none;
  }

  #inapecc-institucional .ina-footer-line {
    margin: 23px 0 0;
    color: var(--ina-dorado);
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 700;
  }

  @media (max-width: 980px) {
    #inapecc-institucional .ina-hero,
    #inapecc-institucional .ina-grid-4,
    #inapecc-institucional .ina-grid-3 {
      grid-template-columns: repeat(2, 1fr);
    }

    #inapecc-institucional .ina-route {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 680px) {
    #inapecc-institucional .ina-hero,
    #inapecc-institucional .ina-grid-4,
    #inapecc-institucional .ina-grid-3,
    #inapecc-institucional .ina-grid-2,
    #inapecc-institucional .ina-checklist,
    #inapecc-institucional .ina-route {
      grid-template-columns: 1fr;
    }

    #inapecc-institucional .ina-hero {
      padding: 34px 24px;
    }

    #inapecc-institucional .ina-section {
      padding: 52px 8px 0;
    }

    #inapecc-institucional .ina-cta {
      padding: 35px 22px;
    }
  }
</style>

<section id="inapecc-institucional" aria-label="Información de Consultoría INAPECC">
  <header class="ina-hero">
    <div>
      <p class="ina-eyebrow">Información inicial para proyectos educativos</p>
      <h1>Consultoría INAPECC</h1>
      <p class="ina-hero-copy">
        Soluciones integrales para crear, regular y fortalecer instituciones educativas
        con validez oficial SEP.
      </p>
      <a class="ina-button" href="https://wa.me/524421399717" target="_blank" rel="noopener">
        Agenda una consultoría estratégica
      </a>
    </div>

    <div class="ina-metrics" aria-label="Experiencia INAPECC">
      <div class="ina-metric"><strong>+100</strong><span>RVOE obtenidos</span></div>
      <div class="ina-metric"><strong>+25</strong><span>años de experiencia</span></div>
      <div class="ina-metric"><strong>22</strong><span>estados atendidos</span></div>
    </div>
  </header>

  <section class="ina-section">
    <div class="ina-heading">
      <p class="ina-eyebrow">¿Quiénes somos?</p>
      <h2>Firma especializada en consultoría educativa estratégica</h2>
      <p>
        Acompañamos a escuelas, emprendedores, grupos educativos y empresas en el diseño,
        regularización y crecimiento de proyectos con validez oficial.
      </p>
    </div>

    <div class="ina-grid-4">
      <article class="ina-card ina-card-gold">
        <h3>Especialización normativa</h3>
        <p>Gestión de RVOE ante SEP y acompañamiento documental, académico y administrativo.</p>
      </article>
      <article class="ina-card ina-card-accent">
        <h3>Visión integral</h3>
        <p>Integramos RVOE, diseño curricular, Moodle, operación académica y estrategia institucional.</p>
      </article>
      <article class="ina-card ina-card-accent">
        <h3>Experiencia comprobada</h3>
        <p>Más de 100 RVOE obtenidos y presencia en 22 estados de la República.</p>
      </article>
      <article class="ina-card ina-card-gold">
        <h3>Resultado esperado</h3>
        <p>Instituciones con estructura formal, viabilidad académica y ruta clara de operación.</p>
      </article>
    </div>
  </section>

  <section class="ina-section">
    <div class="ina-heading">
      <p class="ina-eyebrow">Servicios principales</p>
      <h2>Soluciones para cada etapa del proyecto</h2>
    </div>

    <div class="ina-grid-3">
      <article class="ina-card"><span class="ina-number">1</span><h3>Gestión RVOE</h3><p>Bachillerato, educación superior y formación para el trabajo.</p></article>
      <article class="ina-card"><span class="ina-number">2</span><h3>Diseño curricular</h3><p>Planes de estudio, mapas curriculares, perfiles y programas por asignatura.</p></article>
      <article class="ina-card"><span class="ina-number">3</span><h3>Incubadora educativa</h3><p>Estructuración de proyectos nuevos hasta el ingreso a la autoridad.</p></article>
      <article class="ina-card"><span class="ina-number">4</span><h3>Moodle + VPS</h3><p>Plataforma lista para operar con carga inicial y soporte.</p></article>
      <article class="ina-card"><span class="ina-number">5</span><h3>Centro de educación continua</h3><p>Diseño, operación y modelo de ingresos para oferta no formal.</p></article>
      <article class="ina-card"><span class="ina-number">6</span><h3>Consultoría estratégica</h3><p>Diagnóstico, ruta de trabajo, prevención de riesgos y seguimiento.</p></article>
    </div>

    <div class="ina-plus">
      <strong>Plus INAPECC:</strong> convenios, instituciones evaluadoras, procesos de calidad
      institucional y asesoría para Centro Evaluador CONOCER.
    </div>
  </section>

  <section class="ina-section">
    <div class="ina-heading">
      <p class="ina-eyebrow">Diagnóstico inicial</p>
      <h2>Requisitos básicos para un expediente sólido</h2>
      <p>Selecciona el nivel educativo para consultar la documentación y condiciones generales.</p>
    </div>

    <div class="ina-grid-2">
      <details>
        <summary>RVOE de Bachillerato</summary>
        <div class="ina-details-content">
          <ul class="ina-checklist">
            <li><strong>Legal y fiscal</strong>Acta constitutiva, RFC, identificación y poderes del representante legal.</li>
            <li><strong>Domicilio e inmueble</strong>Contrato, uso de suelo compatible, seguridad, protección civil y evidencia de instalaciones.</li>
            <li><strong>Proyecto académico</strong>Plan y programas de estudio, perfiles, criterios de evaluación y calendario.</li>
            <li><strong>Docentes y operación</strong>Plantilla docente, perfiles profesionales, reglamento escolar y procesos administrativos.</li>
            <li><strong>Recursos y evidencias</strong>Biblioteca, equipamiento, aulas, laboratorio cuando aplique y recursos digitales.</li>
            <li><strong>Modalidad y plataforma</strong>Para modalidad mixta o no escolarizada: LMS, aulas virtuales, materiales y soporte técnico.</li>
          </ul>
          <p class="ina-note">El checklist definitivo se ajusta según autoridad, nivel, modalidad, domicilio y características del proyecto.</p>
        </div>
      </details>

      <details>
        <summary>Educación Superior</summary>
        <div class="ina-details-content">
          <ul class="ina-checklist">
            <li><strong>Solicitud y datos institucionales</strong>Razón social, representante legal, domicilio, modalidad, nivel y denominación del programa.</li>
            <li><strong>Plan de estudios</strong>Objetivos, perfiles de ingreso y egreso, mapa curricular, créditos, horas y seriación cuando aplique.</li>
            <li><strong>Programas por asignatura</strong>Fines de aprendizaje, temas y subtemas, actividades, evaluación y bibliografía.</li>
            <li><strong>Modelo educativo</strong>Fundamento pedagógico, diseño instruccional, evaluación, seguimiento y operación académica.</li>
            <li><strong>Infraestructura y recursos</strong>Aulas, biblioteca, equipamiento, tecnología, conectividad y plataforma Moodle si aplica.</li>
            <li><strong>Personal académico</strong>Docentes con perfil pertinente, documentación probatoria y organización académica.</li>
          </ul>
          <p class="ina-note">En áreas de salud pueden requerirse procesos adicionales como OTA/CIFRHS y evidencias específicas.</p>
        </div>
      </details>
    </div>
  </section>

  <section class="ina-section">
    <div class="ina-heading">
      <p class="ina-eyebrow">Honorarios de referencia</p>
      <h2>Inversión y planes de pago</h2>
      <p>Opciones iniciales para dimensionar el proyecto.</p>
    </div>

    <div class="ina-grid-3">
      <article class="ina-card ina-price-card">
        <div class="ina-price-label">Gestión RVOE</div>
        <div class="ina-price">$60,000 MXN</div>
        <p>Por programa educativo. Incluye diseño curricular, anexos SEP, expediente y seguimiento.</p>
      </article>
      <article class="ina-card ina-price-card">
        <div class="ina-price-label">Incubadora educativa</div>
        <div class="ina-price" style="color:#b09156;">$150,000 MXN</div>
        <p>Para proyectos nuevos. Incluye dos programas con RVOE y acompañamiento integral.</p>
      </article>
      <article class="ina-card ina-price-card">
        <div class="ina-price-label">Moodle + VPS</div>
        <div class="ina-price">$25,000 MXN</div>
        <p>Costo anual. Plataforma Moodle instalada, carga inicial de cuatro materias y soporte.</p>
      </article>
    </div>

    <div class="ina-table-wrap">
      <table aria-label="Paquetes por número de programas RVOE">
        <thead><tr><th>Programas</th><th>Precio del paquete</th><th>Ahorro</th></tr></thead>
        <tbody>
          <tr><td>1</td><td>$60,000</td><td>-</td></tr>
          <tr><td>2</td><td>$110,000</td><td>$10,000</td></tr>
          <tr><td>3</td><td>$150,000</td><td>$30,000</td></tr>
          <tr><td>4</td><td>$180,000</td><td>$60,000</td></tr>
        </tbody>
      </table>
    </div>

    <div class="ina-grid-2" style="margin-top:20px;">
      <article class="ina-card ina-card-gold">
        <h3>Incubadora educativa</h3>
        <p>20% de inicio y pagos diferidos hasta 12 meses.</p>
      </article>
      <article class="ina-card ina-card-accent">
        <h3>Paquetes integrales</h3>
        <p>Institución completa, escuela en crecimiento o paquete emprendedor.</p>
      </article>
    </div>

    <p class="ina-note">
      Los montos son honorarios de referencia; no incluyen derechos oficiales, viáticos,
      trámites ante terceros ni IVA cuando aplique. La cotización se confirma mediante diagnóstico.
    </p>
  </section>

  <section class="ina-section">
    <div class="ina-heading">
      <p class="ina-eyebrow">De la idea a la operación</p>
      <h2>Metodología INAPECC</h2>
    </div>

    <div class="ina-route">
      <article class="ina-step"><span>01</span><strong>Diagnóstico</strong><p>Viabilidad legal, académica, financiera y tecnológica.</p></article>
      <article class="ina-step"><span>02</span><strong>Diseño</strong><p>Modelo educativo, mapa curricular, plataforma y operación.</p></article>
      <article class="ina-step"><span>03</span><strong>Documentación</strong><p>Expediente técnico, anexos y evidencias.</p></article>
      <article class="ina-step"><span>04</span><strong>Gestión SEP</strong><p>Ingreso, seguimiento, prevención y respuesta.</p></article>
      <article class="ina-step"><span>05</span><strong>Operación</strong><p>Arranque institucional, Moodle, CEC y crecimiento.</p></article>
    </div>

    <div class="ina-result">
      <strong>Resultado:</strong> una institución lista para operar formalmente, con ruta académica,
      documental y tecnológica definida.
    </div>

    <p class="ina-note">
      Primer paso recomendado: diagnóstico estratégico de 30 minutos para identificar nivel,
      modalidad, autoridad, costos, tiempos y riesgos.
    </p>
  </section>

  <footer class="ina-cta">
    <h2>¿Listos para iniciar?</h2>
    <p>Solicita una cotización personalizada y descubre la mejor opción para tu institución.</p>

    <div class="ina-contact">
      <a href="https://wa.me/524421399717" target="_blank" rel="noopener">WhatsApp: 442 139 9717</a>
      <a href="mailto:contacto@consultoriainapecc.com">contacto@consultoriainapecc.com</a>
      <a href="https://www.consultoriainapecc.com" target="_blank" rel="noopener">www.consultoriainapecc.com</a>
      <span>Av. Paseo de la Reforma 300, C.P. 06600, Ciudad de México</span>
    </div>

    <a class="ina-button" href="https://wa.me/524421399717" target="_blank" rel="noopener">
      Solicitar consultoría
    </a>
    <p class="ina-footer-line">INAPECC | Le damos valor a tus ideas</p>
  </footer>
</section>

Last modified: Monday, 31 August 2026, 3:03 AM