.frm_karvonen{
    display: grid;
    grid-template-areas: 
    "iz_campos derecha"
    "botones derecha";
    grid-template-columns: 250px 1fr;
    grid-template-rows: auto auto;
}

.iz_principal{
    grid-area: iz_campos;
}

.drcha{
    grid-area: derecha;
}

.botones{
    grid-area: botones;
}

.margin-bottom-label{
    margin-bottom: .25rem !important;
    margin-top: .75rem !important;
}


input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}


/* Cambia el diseño para pantallas pequeñas */
@media (max-width: 700px) {
    .frm_karvonen {
        display: block;
        grid-template-areas: 
            "iz_campos"
            "derecha"
            "botones" !important;
            grid-template-columns: 1fr;
            grid-template-rows: auto;
    }
}