.grid-layout-base{
        display: grid;
        grid-template-columns: 60% 40%;
        grid-template-rows: 100vh 120px;
        width: 100%;
        margin: 0 auto;
        background-color: white;
        padding: 0px;
        border: 0px solid black;
}

.caja-cell-base-left{
        border: 0px solid #005288;
        border-radius: 15px;
        margin: 10px;
        background-color: white;
        color: black;
        text-align: center;
        padding-top: -60px;
        margin-top: 0px;
        align-self: center;
}

.caja-cell-base-right{
        border: 0px solid #005288;
        border-radius: 0px;
        margin: 0px;
        background-color: #232d50;
        color: black;
        text-align: center;
        margin-top: -160px;
        padding-left: 60px;
}

.caja-footer-base{
        grid-column: 1/3;
        border: 0px solid black;
        background-color: white;
        color: black;
        text-align: center;
}

p.caption {
        font-family: Roboto;
        font-weight: 800;
        font-size: x-large
}





.grid-login{
        display: grid;
        grid-template-columns: auto clamp(50px, 60%, 600px) auto;
        grid-template-rows: 420px;
        margin: 0 auto;
        background-color: white;
}

.cell-margin-login{
        background-color: white;
        color: black;
        width: 100%;
}

.cell-center-login{
        margin: 10px;
        color: black;
        border: 0px solid black;
        margin: 0;
}