/* =============================================================================
   Modelo estático — lo único que agrega a los estilos de la app: la barra que
   avisa que esto es una demostración y la lista de personas de ejemplo.
   ========================================================================== */

.demo-barra {
    background-color: #fdf1da;
    border-bottom: 1px solid #efd9a8;
    color: #5c4203;
    font-size: .8125rem;
}

.demo-barra__sello {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    background-color: #b57708;
    color: #fff;
    border-radius: .25rem;
    padding: .1rem .45rem;
}

.demo-barra a,
.demo-barra .btn-link {
    color: #5c4203;
    font-size: .8125rem;
}

.demo-barra__persona {
    width: auto;
    max-width: 17rem;
}

.demo-personas .list-group-item {
    font-size: .875rem;
}

@media print {
    .demo-barra {
        display: none;
    }
}