*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    background: black;
    color: white;
    font-family: "Lexend Mega", sans-serif;
    /* Un documento legal se lee entero: interlineado holgado y ancho de linea corto,
       que es lo que hace legible un texto largo en pantalla. */
    line-height: 1.7;
}
.contenido{
    width: 100%;
    max-width: 45rem;
    margin: 0 auto;
    padding: 2rem 1.25rem 5rem;
}
.contenido img{
    width: 8rem;
    border-radius: 2rem;
    display: block;
    margin-bottom: 2rem;
}
.contenido h1{
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.contenido .version{
    color: rgb(63, 144, 168);
    font-size: 0.8rem;
    margin-bottom: 2.5rem;
}
.contenido h2{
    font-size: 1rem;
    margin: 2.5rem 0 0.75rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
/* Subapartados (la seccion 7 separa los dos roles en el tratamiento de datos). Sin linea
   divisoria arriba, para que se lean como parte del apartado y no como uno nuevo. */
.contenido h3{
    font-size: 0.9rem;
    margin: 1.75rem 0 0.5rem;
    color: rgb(63, 144, 168);
}
.contenido p,
.contenido li{
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}
.contenido ul{
    padding-left: 1.25rem;
}
.contenido a{
    color: rgb(63, 144, 168);
}
/* Marca los huecos que faltan por definir antes de publicar el documento. */
.pendiente{
    background: rgba(255, 196, 0, 0.15);
    border-left: 3px solid rgb(255, 196, 0);
    padding: 0.5rem 0.75rem;
    display: block;
}
.volver{
    display: inline-block;
    margin-top: 3rem;
    color: white;
    border: 1px solid white;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    text-decoration: none;
}
.volver:hover{
    background: white;
    color: black;
}