/*pe-e */
.cpe-grid-plan-estudios {
    font-family: 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 10px 5% 0px;
}

.cpe-fila-asignatura {
    display: grid;
    border-radius: 4px;
    border-color: lightgray;
    grid-template-columns: minmax(250px,300px) auto;
    grid-template-rows: auto;
    margin-bottom: 10px;
    justify-items: start;
}

.cpe-col-asignatura {
    display: grid;
    align-items: start;
    background-color: lightgreen;
    text-align: left;
    justify-self: center;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    font-weight: bold;
    font-size: clamp(11px, 0.8vw, 13px);
    cursor: pointer;
    padding-right: 9px;
    padding-left: 15px;
}

    .cpe-col-asignatura:hover {
        font-weight: bold;
        color: lightgray;
        border-style: solid;
        border-color: gray;
        border-width: .5px;
        border-radius: 3px;
    }

.cpe-nombre-asignatura {
    display: flex;
    justify-content: center;
    align-self: self-start;
    margin-top: 15px;
    font-size: clamp(14px, 1vw, 16px);
    color: white;
}

.cpe-curso-promocion-auto {
    text-align: end;
    /*color: white;*/
    color: #5D676D;
    font-size: 10px;
}

.cpe-termometro-asignatura {
    display: flex;
    justify-content: center;
    align-self: self-end;
    margin-top: 5px;
    width: 100%;
}

.cpe-col-taus {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 1px;
    margin-left: 10px;
}

.cpe-col-tau {
    border-radius: 0px;
    width: 10vh;
    height: 6vh;
    justify-items: flex-end;
}

    .cpe-col-tau:hover {
        font-weight: bold;
        color: lightgray;
        border-style: solid;
        border-color: gray;
        border-width: .5px;
        border-radius: 3px;
    }

.cpe-celda-col-tau {
}


/*Plan nivel horizontal*/
.cpe-contenedor-tau-eximido-con-codigo-horizontal {
    height: 4.7vh;
    margin-bottom: 5px;
    width: 9vh;
    text-align: center;
    /*background-color: #f5f5f5;*/
}

.cpe-codigo-tau-celda {
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    text-align: center;
    font-weight: bold;
    color: #5D676D;
}


/*.pe-codigo-tau-dash {
    align-items: center;
    justify-items: center;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    width: 9vh;
    text-align: center;
    color: #5D676D;
    z-index: 10;
}*/

.cpe-tau-no-trabajado {
    display: flex;
    background-color: #f5f5f5;
    border-radius: 3px;
    height: 4vh;
    width: 9vh;
    justify-content: center;
    align-items: center;
    color: #5D676D;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    margin-left: 3px;
    margin-bottom: 1px;
}

.cpe-ultima-fila-celda-col-tau {
}

.cpe-tau-en-proceso-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    border-radius: 3px;
    position: relative;
    background-color: #3D5B81;
    z-index: 1000;
    font-size: .6vw;
    margin-top: -5px;
    width: 6vh;
    height: 30px;
    margin-right: 10px;
    margin-left: 3px;
}

    .cpe-tau-en-proceso-1 ::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        color: black;
        background-color: #cdcdcd;
        border-radius: 0px 0px 3px 3px;
        z-index: 1;
    }

.cpe-tau-en-proceso {
    display: flex;
    justify-content: center;
    align-items: center; /* Centra el contenido verticalmente */
    position: relative;
    width: 9vh;
    height: 4vh;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    color: black;
    border-radius: 3px;
    overflow: hidden;
    margin-left: 3px;
}

    .cpe-tau-en-proceso::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
    }

    .cpe-tau-en-proceso::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: #f5f5f5; /* Color de la mitad inferior */
    }

.cpe-dato-tau-en-proceso {
    position: absolute;
    top: 62%; /* Empieza desde la mitad del contenedor */
    transform: translateY(-25%); /* Ajusta hacia arriba para centrar en la mitad inferior */
    z-index: 1; /* Asegura que el texto esté encima de los colores */
    color: #59515e;
}

.cpe-tau-trabajado {
    display: flex;
    color: white;
    background-color: #3D5B81;
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    margin-top: 0px;
    width: 9vh;
    height: 4vh;
    margin-bottom: 1px;
    margin-left: 3px;
}

.cpe-columna-proceso-plan-curso {
    color: gray;
    width: 9vh;
    height: 4vh;
    display: grid;
    justify-content: center;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    text-align: center;
    font-weight: bold;
}

.cpe-codigo-tau-dash-plan {
    display: grid;
    align-items: center;
    justify-items: center;
    font-size: clamp(10px, 0.8vw, 13px);
    font-weight: bold;
    width: 9vh;
    text-align: center;
    color: #5D676D;
    z-index: 10;
    height: 4vh;
    position: relative
}

.cpe-contenedor-imagen-tau-eximido {
    place-items: center;
    width: 9vh;
}


.cpe-imagen-tau-eximido {
    height: 4vh;
    z-index: -4;
    width: 9vh;
}