:root {
    /*--colorRojoCaja: #ff0901;*/
    --colorRojoCaja: #FF0009;
    --colorNegro: #000;
    --colorAmarilloCaja: #ffc200;
    --colorVinculo: #007bff;
    --colorPlomo: #505050;
}

body {
    padding: 0;
    margin: 0;
}

.cabecera_generica {
    height: 90px;
    width: auto;
    align-items:center; 
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0 15% 0 15%;
    background-color: var(--colorRojoCaja) !important;
    box-sizing: border-box;
} 
.container_items {
    margin: 0 auto;
    width: 60%;
    text-align:center ;
    margin-top: 40px;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #C8C8C8;
}

.img_resp {
    max-width: 100%;
    /*max-height: 100%;*/
}

.btnHomebanking {
    color: white;
    font-family: Arial, sans-serif;
    background-color: var(--colorRojoCaja) !important;
    font-size: 24px;
    width: 100%;
    height: 68px;
    padding: 20px 50px;
    border-radius: 8px;
    text-decoration: none;
}

.btnContinuarHB {
    color: white;
    font-family: Arial, sans-serif;
    background-color: var(--colorRojoCaja) !important;
    font-size: 40px;
    width: 100%;
    height: 68px;
    padding: 20px 50px;
    border-radius: 8px;
    text-decoration: none;
}

.btnYape {
    color: rebeccapurple;
    font-family: Arial, sans-serif;
    background-color: white !important;
    font-size: 14px;
    font-weight:600;
    width: 120px;
    height: 50px;
    padding: 10px 20px;
    border-radius: 8px;
    border:2px solid purple;
    text-decoration: none;
    /*position:relative;*/
    /*top:-200px;*/

}


.letraBase {
    padding: 0;
    margin: 0;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: var(--colorPlomo) !important;
}

.letraBoton {
    /*padding: 0 30px 0 30px ;*/
    margin: 0;
}

.letraFinal {
    padding-bottom: 0px;
    padding-top: 8px;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: var(--colorPlomo) !important;
}

@media (max-width: 600px) {
    .container_items {
        flex-direction: column !important;
        align-items: center;
    }
}