{% extends 'template.html' %}

{% block css %}
<!-- {# modal bootstrap #} -->
<link rel="stylesheet" href="{{url_for('static', filename='c_solutions/solutions.css')}}">

{% endblock css %}

{% block navbar %}
{% include 'z_comps/navbar.html' %}
{% endblock navbar %}

{% block body %}

<!-- <div class="parent">
  <div class="i-i" data-toggle="modal" data-target="#forma-reclutamiento"></div>
  <div class="i-ii" data-toggle="modal" data-target="#forma-liderazgo"></div>
  <div class="i-iii" data-toggle="modal" data-target="#forma-capacitacion"></div>
  <div class="ii-i" data-toggle="modal" data-target="#forma-cambio"></div>
  <div class="ii-ii" data-toggle="modal" data-target="#forma-objetivos"></div>
</div> -->

<div class="parent">
  <div class="i-i" data-toggle="modal" data-target="#forma-reclutamiento" data-aos="zoom-in" data-aos-delay="0" data-aos-duration="800"></div>

  <div class="i-ii" data-toggle="modal" data-target="#forma-liderazgo"data-aos="zoom-in" data-aos-delay="200" data-aos-duration="800"></div>

  <div class="i-iii" data-toggle="modal" data-target="#forma-capacitacion" data-aos="zoom-in" data-aos-delay="300" data-aos-duration="800"></div>

  <div class="ii-i" data-toggle="modal" data-target="#forma-cambio" data-aos="zoom-in" data-aos-delay="400" data-aos-duration="800"></div>

  <div class="ii-ii" data-toggle="modal" data-target="#forma-objetivos" data-aos="zoom-in" data-aos-delay="500" data-aos-duration="800"></div>
</div>


<!-- da forma reclutamiento -->
<div class="modal fade" id="forma-reclutamiento" tabindex="-1" role="dialog" aria-labelledby="forma-reclutamientoTitle" aria-hidden="true" >
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content" style="border: 6px solid #90b83b;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Impulsa tu equipo con un reclutamiento más preciso, ágil y estratégico.</h5>
        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
      </div>
      <div class="modal-body">
        <p>
          En {% include 'z_comps/formha.html' %}, combinamos tecnología y metodologías avanzadas para atraer, identificar y seleccionar talento de alto
          potencial.
        <ul>
          <li><b>Plataformas digitales e inteligencia artificial:</b> Utilizamos herramientas especializadas, para optimizar
            la búsqueda y selección de candidatos.</li>
          <li><b>Entrevistas estructuradas y por competencias:</b> Aplicamos diversas técnicas, como entrevistas iniciales,
            por competencias, modelo SMART y entrevistas profundas para evaluar habilidades, experiencia y valores.</li>
          <li><b>Evaluaciones psicométricas:</b> Medimos aptitudes cognitivas, rasgos de personalidad y estilos de liderazgo
            para garantizar el ajuste ideal al puesto.</li>
          <li><b>Assessment Center:</b> Implementamos dinámicas grupales, simulaciones y ejercicios de toma de decisiones
            para
            evaluar el desempeño real en situaciones laborales.</li>
          <li><b>Estudios socioeconómicos digitales:</b> Realizamos verificaciones detalladas mediante plataformas digitales
            para confirmar antecedentes laborales, referencias y nivel socioeconómico, asegurando procesos confiables y
            ágiles.</li>
        </ul>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

<!-- da forma a tu liderazgo-->
<div class="modal fade" id="forma-liderazgo" tabindex="-1" role="dialog" aria-labelledby="forma-liderazgoTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content" style="border: 6px solid #8c1f5a;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Da {% include 'z_comps/formha.html' %} a tu liderazgo.</h5>
        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
      </div>
      <div class="modal-body">
        <p>
          Prepara a tus líderes para afrontar los desafíos del entorno empresarial actual con estrategias que potencian su
          crecimiento y efectividad. En {% include 'z_comps/formha.html' %}, diseñamos soluciones para identificar, desarrollar y fortalecer el liderazgo
          en todos los niveles de la organización. <br>
          Nos especializamos en:
        <ul>
          <li>Mentorías de talento femenino.</li>
          <li>Assessment.</li>
          <li>Planes de desarrollo de talento.</li>
          <li>Nine Box.</li>
          <li>Programas de liderazgo especializado.</li>
        </ul>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

<!-- da forma a tu capacitación-->
<div class="modal fade" id="forma-capacitacion" tabindex="-1" role="dialog" aria-labelledby="forma-capacitacionTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content" style="border: 6px solid #5d9dd1;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Da {% include 'z_comps/formha.html' %} a tu capacitación. </h5>
        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
      </div>
      <div class="modal-body">
        <div>
          <p>
            Impulsamos el desarrollo de habilidades como clave del crecimiento empresarial, promoviendo una cultura de
            aprendizaje, en donde cada colaborador asume un rol activo en su evolución profesional, cómo lo hacemos:
          </p>
          <p>
            Análisis de necesidades: Identificamos los retos específicos de tu equipo para diseñar programas a la medida.
          <ul>
            <li>
              <b>Contenidos teórico-prácticos:</b> Estructuramos materiales que combinan teoría con aplicación real.
            </li>
            <li>
              <b>Metodologías innovadoras:</b> Aplicamos enfoques de vanguardia para maximizar el aprendizaje, tales como;
              Microlearning, Gamificación, E-learning y Blended Learning
            </li>
          </ul>
          Nuestro Top10 de formación:
          <ul>
            <li>Liderazgo y gestión de equipos.</li>
            <li>Desarrollo de up, soft y hard skills.</li>
            <li>Gestión del cambio.</li>
            <li>Transformación digital y competencias tecnológicas.</li>
            <li>Metodologías ágiles y gestión de proyectos.</li>
            <li>Servicio y experiencia del cliente.</li>
            <li>Diversidad, equidad e inclusión.</li>
            <li>Accesibilidad.</li>
            <li>Seguridad y bienestar laboral.</li>
            <li>Temas específicos y especializados en Capital Humano.</li>
          </ul>
          Ya sea en capacitaciones, escuelas o universidades, contamos con experiencia en diversas estructuras
          </p>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

<!-- da forma al cambio-->
<div class="modal fade" id="forma-cambio" tabindex="-1" role="dialog" aria-labelledby="forma-cambioTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content" style="border: 6px solid #002e72;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Simplifica, optimiza y fortalece tu capital humano con asesoría especializada.</h5>
        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
      </div>
      <div class="modal-body">
        <p>
          Facilitamos en las organizaciones la optimización y simplificación de sus procesos mediante un enfoque
          estratégico, metodologías ágiles y soluciones tecnológicas. Nuestras soluciones incluyen:
        <ul>
          <li>Uso estratégico de tecnología en los procesos</li>
          <li>Estudios y estrategias para optimización de la eficiencia operativa</li>
          <li>Desarrollo e implementación de normas, políticas y procedimientos</li>
          <li>Desarrollo y optimización de áreas de Capital Humano</li>
          <li>Diseño de estructuras organizacionales. Trazabilidad de roles, responsabilidades y procesos clave.</li>
          <li>Asesoría laboral y legal</li>
        </ul>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

<!-- da forma a tus objetivos-->
<div class="modal fade" id="forma-objetivos" tabindex="-1" role="dialog" aria-labelledby="forma-objetivosTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content" style="border: 6px solid #707272;">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLongTitle">Convierte datos en decisiones estratégicas para impulsar el crecimiento de tu empresa</h5>
        <!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> -->
      </div>
      <div class="modal-body">
        <p>
          Transformamos la información en estrategias accionables. Nuestras soluciones se basan en la recolección y análisis de datos, utilizando herramientas digitales y metodologías estadísticas para generar diagnósticos precisos y planes de acción estratégicos.
          <ul>
            <li>Detección de Necesidades de Capacitación.</li>
            <li>Evaluación de engagement, clima y  cultura.</li>
            <li>Evaluación de Desempeño</li>
            <li>Integración con la NOM 035-STPS-2018.</li>
            <li>Intervenciones grupales e individuales de Desarrollo Organizacional (DO)</li>
          </ul>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>

{% endblock body %}

{% block js %}
<!-- {# modal bootstrap #} -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>

<!-- {# aos script #} -->
{% include 'z_comps/aos_script.html' %}

{% endblock js %}