<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>
    {% block title %}{{ title | default('FORMHä') }}{% endblock %}
  </title>
  
  <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='y_img/favicon/favicon.ico') }}">

  <meta name="description" content="Reclutamiento y selección, detección de necesidades de capacitación, capacitación, evaluación del desempeño, encuestas de clima y cultura, NOM 025 y NOM 035.">

  <!-- {# i google analytics #} -->
  {% include 'z_comps/google_analytics.html' %}
  <!-- {# f google analytics #} -->

  <!-- {# Librería de aos.js [animaciones] #} -->
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  <!-- {# i fontts #} -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  <!-- {# f fonts #} -->

  <!-- {# i bootstrap #} -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <!-- {# icons #}} -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <!-- {# f bootstrap #} -->

  {% block css %}
  {% endblock %}

    <!-- {# i navbar css #} -->
    <link rel="stylesheet" href="{{url_for('static', filename='template/tmp.css')}}">
    <!-- {# navbar #} -->
    <link rel="stylesheet" href="{{url_for('static', filename='template/navbar_footer.css')}}">
    <!-- {# f navbar css #} -->

    <!-- {# i notify css #} -->
    <!-- {# doc: https://github.com/simple-notify/simple-notify?tab=readme-ov-file #} -->
    <!-- CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify/dist/simple-notify.css" />
    <!-- JS -->
    <script src="https://cdn.jsdelivr.net/npm/simple-notify/dist/simple-notify.min.js"></script>
    <!-- {# f notify js #} -->

</head>
<!-- <body> -->
<body>

  {% block navbar %}
  {% endblock navbar %}
  <!-- <main> -->
  <main>
    {% block body %}
    {% endblock body %}
  </main>

  {% include 'z_comps/footer.html' %}
  <!-- {# i bootstrap js #} -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
  <!-- {# f bootstrap js #} -->

  {% include 'z_comps/boton_chat.html' %}

  {% block js %}


  {% endblock js %}

</body>
</html>