/* ---------------------------*/
/*          FORM              */
/* ---------------------------*/
#formAlternatives {
    display: flex;
    flex-direction: column;
    text-align: left; /* gap no sirve aquí (pues no es grid), ademas descentra la linea separadora de opciones */
}

/* Subsecciones en egresos o ingresos */
.section_grid {
    display: grid;
    grid-template-columns: 70% 30%; 
    /* padding: 1rem;  No funciona porque se lo aplica a la caja y no a los hijos */ 
    /* gap: 1vw;  --> no gap, saca inputs de caja.*/
}

.section_grid > * {
    padding: 0.4rem 0;
}

.section_grid .all_row {
    grid-column: span 2;
}

.section_grid input, .section_grid select {
    text-align: center;
}

/* ---------------------------*/
/* RESULTADOS */
/* ---------------------------*/
#flujo_de_fondos {
    display: grid;
    grid-template-columns: 50% 50%;
}

#flujo_de_fondos .total {
    font-weight: 1000;
}

/* ---------------------------*/
/* DESKTOP  */
/* ---------------------------*/
@media only screen and (min-width: 1000px) {
    #formAlternatives {
        display: grid;
        grid-template-columns: 50% 50%; /* Para cada opcion */
        grid-template-rows: 1fr auto; /* Para el boton "calcular"*/
        margin: 0;
    }

    #formAlternatives > :first-child  {
        border-right: 1px solid black;
    }
}