{{ block content }}
    <!-- Version 1.0 -->
    <link rel="stylesheet" href="{{ static 'global/base.css' }}">
    <div class="row">
        <div class="container-fluid">
            <div class="row text-center mt-5">
                <div class="alert alert-info" role="alert">
                    <h2>Sección {{nombre_seccion}}</h2>
                </div>
            </div>
            <div id="slide1" class="row my-3">
                <div class="card">
                    <div class="card-body">
                        <p align="justify">A continuación, se describe una situación real en la que una persona, el Individuo A, debe tomar una decisión.
                            La situación involucra al individuo A, quien es emparejado al azar con otra persona, el Individuo B.
                            El emparejamiento es anónimo, lo que significa que ninguno de los dos individuos sabrá la identidad del otro.
                            Para esta decisión, tanto A como B, recibieron <b>10 puntos.</b> El individuo A tiene que decidir si dejar la dotación del otro como está <b>(10 puntos)</b> o reducirla a <b>5 puntos</b>.
                            Reducirla cuesta <b>1 punto.</b> De este modo, pueden pasar dos situaciones:</p>
                        <p align="justify">1. Si A decide <b>no reducir</b> la dotación inicial de B, cada uno recibe <b>10 puntos.</b> </p>
                        <p align="justify">2. Si A decide <b>reducir</b> la dotación inicial de B, A recibirá <b>9 puntos</b> y B <b>5 puntos.</b> </p>
                        <p align="justify">Su pago para esta sección se calculará como el pago que obtendría el individuo A en esta situación.</p>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-3 text-center">
                    <button class="btn btn-primary">Siguiente</button>
                </div>
            </div>
        </div>
    </div>
{{ endblock }}