{% extends 'template.html' %}
{% block css %}
<link rel="stylesheet" href="{{url_for('static', filename='d_methodology/methodology.css')}}">
{% endblock css %}

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

{% block body %}


<div class="container py-5" data-aos="fade-up" data-aos-delay="0" data-aos-duration="800">
    <h2 class="text-center mb-4">Nuestra Metodología</h2>
    <p class="text-center text-muted mb-5">Implementamos soluciones con enfoque humano, técnico y estratégico.</p>
  
    <div class="row g-4">
      <div class="col-md-6">
        <div class="card shadow-sm h-100" style="border: 2px solid#90b83b;">
          <div class="card-body">
            <h5 class="card-title" style="color: #90b83b;"><i class="bi bi-bar-chart-line me-2"></i> ANÁLISIS DE DATOS</h5>
            <p class="card-text">Identificamos información clave para entender las metas, retos y oportunidades estratégicas de tu empresa.</p>
          </div>
        </div>
      </div>
  
      <div class="col-md-6">
        <div class="card shadow-sm h-100" style="border: 2px solid#8c1f5a;">
          <div class="card-body">
            <h5 class="card-title" style="color: #8c1f5a;"><i class="bi bi-sliders me-2"></i> PERSONALIZACIÓN</h5>
            <p class="card-text">Diseñamos estrategias a la medida, utilizando metodologías especializadas y herramientas tecnológicas.</p>
          </div>
        </div>
      </div>
  
      <div class="col-md-6">
        <div class="card shadow-sm h-100" style="border: 2px solid#5d9dd1;">
          <div class="card-body">
            <h5 class="card-title" style="color: #5d9dd1;"><i class="bi bi-people me-2"></i> EXPERIENCIA DE SERVICIO</h5>
            <p class="card-text">Acompañamos cada paso del proyecto, asegurando una experiencia cercana, ágil y efectiva.</p>
          </div>
        </div>
      </div>
  
      <div class="col-md-6">
        <div class="card shadow-sm h-100" style="border: 2px solid#002e72;">
          <div class="card-body">
            <h5 class="card-title" style="color: #002e72;"><i class="bi bi-graph-up-arrow me-2"></i> IMPACTO</h5>
            <p class="card-text">Medimos resultados con métricas claras para asegurar que cada intervención tenga efectos tangibles.</p>
          </div>
        </div>
      </div>
  
      <div class="col-md-12">
        <div class="card shadow-sm h-100" style="border: 2px solid#707272;">
          <div class="card-body">
            <h5 class="card-title" style="color: #707272;"><i class="bi bi-arrow-repeat me-2"></i> SOSTENIBILIDAD DEL CAMBIO</h5>
            <p class="card-text">Reforzamos capacidades internas para que el valor se mantenga a largo plazo, más allá del proyecto.</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  
{% endblock body %}

{% block js %}

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

{% endblock js %}