{% extends "global/Page.html" %}
{% load otree %}
{% block styles %}
    <style>
        .form-group {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important;
        }

        .wrap {
            justify-content: center;
            display: flex;
        }

        .inner {
            align-self: center;
        }

        p {
            margin-top: 1rem !important;
        }
        .aligncenter {
            text-align: center;
        }
        div.a {
            width: auto;
        }
        .marginauto {
        margin: 10px auto 20px;
        display: block;
        }

</style>

{% endblock %}

{% block title %}
{% endblock %}
{% block content %}
<p align="center"> <b>Procedimiento en el computador.</b></p>
{% if player.id_in_group == 1 %}
    {% include Constants.PcProdA %}
{% elif player.id_in_group == 2 %}
    {% include Constants.PcProdB %}
{% else %}
    {% include Constants.PcProdC %}
{% endif %}
<p align="center">¿Hay alguna pregunta?</p>
<div class="text-center py-2">
{% next_button %}
</div>

{% endblock %}