{{ block content }}

<style>
    .otree-body {
        max-width:1350px
    }
</style>

<div class="tab">
 <p>
     <h2> <span style="font-size:18pt"> Instrucciones </span> </h2>
                Bienvenido y gracias por participar en este estudio.
            <br>
            <br>
            El estudio de hoy consiste en dos etapas. Cada etapa consiste en dos tareas.
           Antes de cada tarea podrás leer unas instrucciones que te explicarán el funcionamiento de la tarea y cómo tus decisiones afectarán tu pago.
          <br>
          <br>
          Al finalizar el estudio, el ordenador elegirá de manera aleatoria una de las dos etapas. Las decisiones que hayas tomado en esa etapa determinarán tu pago final.
           Mientras tomes tus decisiones no sabrás cuál de las dos etapas será elegida para determinar el pago. Te pedimos que leas las instrucciones con atención. Cualquier decisión que tomes durante el estudio puede afectar tu pago final.
          <br>
          <br>
           Recuerda que tus decisiones durante el estudio no permitirán en ningún caso determinar tu identidad.
           El análisis de los datos y la presentación de los resultados del estudio será completamente anónima.
          <br>
          <br>
            Te pedimos que evites cualquier conversación con tus compañeros. Apaga tu teléfono móvil
            y retira cualquier objeto de la mesa que no necesites para este estudio. Si tienes alguna duda durante el estudio, por favor levanta la mano y un investigador vendrá a responder tu pregunta de forma privada.
                <br>
                <br>
          </p>
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
        &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp
    &nbsp &nbsp &nbsp &nbsp &nbsp
        <button class="btn btn-primary">Continuar</button>
    </p>
</div>


<script>

    let activeTab = 0;

    function showCurrentTabOnly() {
        let tabIndex = 0;
        for (let tab of document.getElementsByClassName('tab')) {
            tab.style.display = tabIndex === activeTab ? 'block' : 'none';
            tabIndex++;
        }
    }

    showCurrentTabOnly();
    for (let btn of document.getElementsByClassName('btn-tab')) {
        btn.onclick = function () {
            activeTab += parseInt(btn.dataset.offset);
            showCurrentTabOnly();
            scroll_Top()
        }
    }
    function scroll_Top() {
        window.scrollTo(0,0)
    }
</script>

{{ endblock }}