body {

    width:100%
}
.alinear-horizontal {
    display: flex;
    justify-content: center; /* centra horizontalmente */
    width: 100%;
    height: calc(100vh - 40px);
    max-height: calc(100vh - 40px);
}

.alinear-centro {
    display: flex;
    flex-direction: column;
    justify-content: center; /* centra verticalmente */
    min-height: calc(100vh - 40px); /* ocupa toda la altura de la pantalla */
}


.alinear-arriba {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    justify-content: flex-start; /* inicio vertical */
    min-height: calc(100vh - 60px); /* ocupa toda la altura de la pantalla */
}