/* =============== Malla Curricular Pregrado =============== */
.pregrado-malla {
    width: 100%;
    color: #333835;
    line-height: 1.45;
    text-align: left;
    background-color: #eff9ed;
    /*margin-left: -1.5rem;*/
    /*width: calc( 100% + 1.5rem *2);*/
    /*padding: 4rem 2.5rem 6rem 4rem;*/
    padding: 4rem 0rem 6rem 1.5rem;
}
.pregrado-malla *,
.pregrado-malla *::before,
.pregrado-malla *::after {
    box-sizing: border-box;
}

/* titulo general con linea verde abajo */
.pregrado-malla .malla-title {
    margin: 0 0 1.5rem;
    padding: 0 0 1rem;
    border-bottom: 2px solid #4a9e5c;
    font-size: 1.3rem;
    font-weight: 700;
    text-align: left;
}

/* vista responsive: 2 years por fila, linea verde sobre la pareja */
.pregrado-malla .year-pair {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;
}
.pregrado-malla .year-pair + .year-pair {
    margin-top: 1.75rem;
    padding-top: 1.75rem;
    border-top: 2px solid #4a9e5c;
}
.pregrado-malla .year { display: contents; }
.pregrado-malla .year-1 > *,
.pregrado-malla .year-3 > *,
.pregrado-malla .year-5 > * { grid-column: 1; }
.pregrado-malla .year-2 > *,
.pregrado-malla .year-4 > * { grid-column: 2; }

/* filas: 1 = titulo year, 2 = semestre impar, 3 = semestre par (alineado) */
.pregrado-malla .year-title {
    grid-row: 1;
    margin: 0 1.5rem 1rem 0;
    padding: 0 0 0.75rem 0;
    border-bottom: 2px solid #4a9e5c;
    font-size: 1.1rem;
    font-weight: 700;
    text-align: left;
}
.pregrado-malla .sem {
    grid-row: 2;
    margin-right: 1.5rem;
}
.pregrado-malla .sem-even {
    grid-row: 3;
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 2px solid #4a9e5c;
}
.pregrado-malla .sem-title {
    margin: 0 0 0.6rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
}
.pregrado-malla ul {
    margin: 0;
    padding-left: 1.1rem;
    list-style: disc;
}
.pregrado-malla li {
    margin: 0 0 0.3rem;
    font-size: 0.9rem;
}
.pregrado-malla li:last-child { margin-bottom: 0; }

/* =============== vista escritorio: 5 columnas =============== */
@media (min-width: 992px) {
    .pregrado-malla {
        display: grid;
        grid-template-columns: repeat(5, 20%);
        grid-template-rows: auto auto auto auto;
    }
    .pregrado-malla .malla-title {
        grid-column: 1 / -1;
        grid-row: 1;
        margin-right: 1.5rem;
    }
    .pregrado-malla .year-pair { display: contents; }
    .pregrado-malla .year-1 > * { grid-column: 1; }
    .pregrado-malla .year-2 > * { grid-column: 2; }
    .pregrado-malla .year-3 > * { grid-column: 3; }
    .pregrado-malla .year-4 > * { grid-column: 4; }
    .pregrado-malla .year-5 > * { grid-column: 5; }
    .pregrado-malla .year-title { grid-row: 2; }
    .pregrado-malla .sem { grid-row: 3; }
    .pregrado-malla .sem-even { grid-row: 4; }
}