.pc-header-entrada {
    display: grid;
    grid-template-areas:
        "izq der";
    background-color: #50007d;
    color: white;
    font-weight: bold;
    border-radius: 0px 0px 4px 4px;
    height: 4.5vh;
    font-size: clamp(2vh, 0.8vw, 3vh);

}



.pc-header-left-entrada {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
}

.pc-header-right-entrada {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

.pc-grid-leccion-tau {
    margin-bottom: -2px
}

.pc-fila-tau {
    display: grid;
    grid-template-columns: 5fr 2fr;
    padding: 1px;
    height: auto;
}

.pc-columna-proceso-plan-curso {
    font-size: 0.7vw;
    color: gray;
    width: 9vh;
    height: 4.7vh;
    margin: 1px 5px 0px 6px;
    display: grid;
    text-align: end;
    justify-content: center;
    background-color: #f5f5f5;
    border-radius: 3px;
    margin-right: 5px;
}


.pc-columna-proceso-plan-curso-termo {
    /*background-color: #ebebeb;*/
    font-size: 0.7vw;
    color: gray;
    width: 9vh;
    height: 4.7vh;
    display: grid;
    text-align: end;
    justify-content: center;
    margin: 0px 5px 0px 3px;
}

.pc-columna-proceso-plan-curso-dash {
    /*background-color: #ebebeb;*/
    font-size: 0.7vw;
    color: gray;
    width: 9vh;
    height: 4.7vh;
    display: grid;
    text-align: end;
    justify-content: center;
    margin: 0px 5px 0px 0px;
}




.pc-leccion {
    display: grid;
    grid-template-columns: 1fr 20fr;
    grid-column-start: 1;
    grid-column-end: 2;
    color: #5D676D;
    font-size: clamp(11px, 1vw, 13px);
    padding-top: 1px;
    font-weight: bold;
    cursor: pointer;
    justify-content: start;
    margin: 0px 3px 1px 0px;
}

.pc-leccion-secuencia {
    background-color: #ededed;
    border-radius: 3px;
    font-weight: bold;
    text-align: center;
    width: 4vh;
    display: flex;
    justify-content: center; /* Alinea horizontalmente */
    align-items: center;
}

.pc-leccion-nombre-tau {
    margin-left: 3px;
    background-color: #E5E5E5;
    border-radius: 3px;
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.pc-titulos-plan-curso {
    display: grid;
    justify-content: end;
    color: gray;
    font-size: 1vw;
    padding-top: 3px;
    font-weight: bold;
}

.pc-titulo {
    margin: 20px 10px;
    background-color: #ed6c4c;
    background-color: #00c8ff;
    display: grid;
    justify-content: center;
    align-content: center;
    color: white;
    font-weight: bold;
    border-radius: 8px;
    height: 4vh;
    font-size: clamp(14px,2vw,22px);
    margin-bottom: 1vh;
    min-height: 4vh;
    height: 4vh;
    max-height: 4vh;
}

/*.pc-plan-curso {
    display: grid;
    justify-content: start;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 90vh;
    overflow: auto;
}
*/

.pc-pantalla-entrada {
    display: grid;
    grid-template-rows: 48px auto 2fr 48px;
    background-color: white;
}

.pc-banner-estudiante {
    margin: 15px 0px;
    background-color: lightblue;
    display: grid;
    grid-template-columns: 3fr fr;
    grid-template-areas: "izq der";
    /*border-radius: 15px;*/
    font-size: clamp(20px,2vw,26px);
}

.pc-bannerEstudiante {
    background-size: cover; /* Ajusta la imagen al tamaño del div */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-position: center; /* Centra la imagen */
    /*border-radius: 15px;*/
}

.pc-bannerLeft {
    display: flex;
    justify-content: flex-start;
    padding-left: 40px;
    background-color: aqua;
}

.pc-bannerRight {
    grid-column: 2;
    display: grid;
    justify-items: end;
    position: relative;
}



.pc-fila-unidad-curricular {
    display: grid;
    grid-template-columns: 2fr 12fr;
    grid-template-rows: auto;
    grid-gap: 3px;
    gap: 3px;
    margin-bottom: 5px;
    margin-right: 5%;
}

.pc-col-unidad-curricular {
    display: grid;
    align-items: center;
    background-color: #98c1d9;
    color: #5D676D;
    font-weight: bold;
    margin-bottom: 1px;
    border-radius: 5px;
    align-self: center;
    justify-self: center;
    padding: 6px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    font-size: clamp(12px, 1vw, 14px);
}

.pc-col-unidad-curricular-fuente {
    font-size: clamp(16px, 1vw, 18px);
}

.pc-fila-unidad-editorial {
    display: grid;
    grid-template-columns: 2fr 8fr;
    grid-template-rows: auto;
    grid-gap: 5px;
    /*font-size: clamp(12px,1vw, 14px);*/
    font-size: clamp(12px, .9vw, 16px);
    color: #5D676D;
    margin-left: 2px;
    justify-items: start;
    align-items: start;
}

.pc-col-unidad-editorial {
    display: grid;
    align-items: center;
    background-color: #c7e1f3;
    font-weight: bold;
    border-radius: 5px;
    align-self: center;
    justify-self: center;
    padding-left: 15px;
    height: 100%;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    font-size: clamp(14px, 1vw, 16px);
}

.pc-col-unidad-editorial-titulo {
    display: grid;
    font-weight: bold;
    border-radius: 5px;
    place-self: center;
    height: 100%;
    text-align: center;
    align-items: center;
    vertical-align: bottom;
    width: 100%;
    font-size: clamp(14px, 1vw, 16px);
    align-content: end;
}

.pc-grid-materia {
    margin: 2px 5% 0px;
    width: 100%;
    color: #5D676D;
}

.pc-grid-materia2 {
    width: 100%;
    color: #5D676D;
}

.pc-tau-trabajado {
    display: flex;
    color: white;
    background-color: #3D5B81;
    border-radius: 3px;
    height: 4.7vh;
    justify-content: center;
    align-items: center;
    width: 9vh;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    margin-left: 3px;
    margin-right: 5px;
    /*cursor: pointer;*/
}

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

/*Plan curso vertical*/
.pc-contenedor-tau-eximido-con-codigo {
    height: 4vh;
    width: 9vh;
}

.pc-imagen-tau-eximido-curso {
}

.pc-codigo-tau-dash-plan {
    display: grid;
    place-items: center;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    height: 4.7vh;
    width: 9vh;
    z-index: 0;
    color: #5D676D;
    position: absolute;
    background-color: #f5f5f5;
    margin-left: 3px;
    margin-top: 1px;
    border-radius: 3px;
}



.pc-contenedor-imagen-tau-eximido-plan {
    height: 4.7vh;
    width: 9vh;
    z-index: 1;
    position: absolute;
    margin-right: 5px;
    padding-top: 8px;
}
/*Fin  Plan curso vertical*/

.pc-botones {
    display: grid;
    justify-content: left;
    grid-template-columns: 1fr 2fr 1fr;
    margin-left: 3px;
    height: 4.7vh;
}

.pc-imagen-plan {
    border-radius: 3px;
    padding: 0.8vh;
    height: 4.7vh;
    display: grid;
    justify-items: center;
    background-color: #f5f5f5;
    border-radius: 3px;
}


.pc-tau-en-proceso {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5D676D;
    border-radius: 3px;
    position: relative;
    background-color: #3D5B81;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    width: 9vh;
    height: 4.7vh;
    margin-bottom: 1px;
    cursor: pointer;
    margin-right: 5px;
    margin-left: 3px;
}

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

.pc-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;
}

    .pc-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;
    }

.pc-dato-tau-en-proceso {
    display: flex;
    position: absolute;
    justify-content: center;
    background-color: transparent;
    z-index: 10;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    color: #59515e;
    margin-top: 2vh;
}


.pc-header-columna-proceso {
    /*width:60px;*/
    width: 9vh;
    display: flex;
    justify-content: center;
    text-align: left;
}

.botonAncho {
    width: auto;
}

.footer-buttons {
    display: flex;
    gap: 10px; /* espacio entre botones */
}

    .footer-buttons .e-btn {
        width: auto; /* ancho según contenido */
        white-space: nowrap; /* evita que se divida en varias líneas */
        padding: 6px 12px; /* ajusta si hace falta más espacio interno */
    }


.imagenBarra {
    height: 2.3vh;
    padding-right: 3px;
    align-content:center;
}

    .imagenBarra:hover {
        cursor: pointer;
        opacity: 60%;
        border-radius: 4px;
        border-width: 1px;
    }


.pc-imagen-plan-titulo {
    height: 4vh;
    width: 9vh;
}

.pc-imagen-titulo {
    display: grid;
    justify-items: center;
    align-items: center;
    border-radius: 3px;
    height: 90%;
    width: 100%;
    padding: 5px;
    object-fit: contain; /* evita distorsión */
    margin-top: 15px;
}

.pc-codigo-tau-dash-plan-nuevo {
    display: grid;
    place-items: center;
    font-size: clamp(1vh, 0.8vw, 1.2vh);
    font-weight: bold;
    height: 4vh;
    width: 9vh;
    background-color: #f5f5f5;
    margin: 0px 5px 0px 3px;
    border-radius: 3px;
}




/*Arreglos abil 29 */


.pc-pantalla-entrada {
    display: grid;
    grid-template-rows: 48px auto 2fr 48px;
    background-color: white;
    height: 100vh
}

.pc-header-entrada {
    display: grid;
    grid-template-areas:
        "izq der";
    background-color: #50007d;
    color: white;
    font-weight: bold;
    border-radius: 0px 0px 4px 4px;
    height: 4.5vh;
    font-size: clamp(2vh, 0.8vw, 3vh);
}

.pc-titulo-pc {
    margin: 5vh 5% 10px 5%;
    /*background-color: #ed6c4c;*/
    background-color: #00c8ff;
    display: grid;
    justify-content: center;
    align-content: center;
    color: white;
    font-weight: bold;
    border-radius: 8px;
    font-size: clamp(14px, 2vw, 22px);
    margin-bottom: 1vh;
    min-height: 4vh;
    height: 4vh;
    max-height: 4vh;
    /*width:100%;*/
}

.pc-plan-curso {
    display: grid;
    justify-content: start;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 90vh;

}

.pc-plan-curso {
    justify-content: start;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    min-height: 90vh;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    height: calc(100vh - 9vh);
    overflow: auto;
}

.pc-columna-materia {
    margin: 2px 5%;
    width: 100%;
    border-color: black;
}

.pc-grid-filas-unidad-curricular {
    display: grid;
    height: fit-content;
    gap: 3px;
}

.pc-grid-col-unidad-curricular {
    font-size: clamp(12px, 1vw, 14px);
    display: grid;
    grid-template-columns: 2fr 12fr;
    gap: 3px;
    /* border-style: solid; */
}

.pc-celda-unidad-curricular {
    background-color: lightcoral;
    text-align: center;
    align-content: center;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    font-size: 18px;
    font-weight: bold;
}

.pc-celda-unidad-curricular-titulo {
    background-color: transparent;
}

.pc-texto-celda-unidad-curricular {
    margin: 5px;
    font-size: clamp(16px, 1vw, 18px);
}



.pc-grid-filas-unidad-editorial {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 2fr 12 fr;
    height: fit-content;
    gap: 3px;
    height:100%;
    /* border-style: solid; */
}

.pc-fila-unidad-editorial {
    display: grid;
    grid-template-columns: 2fr 8fr;
    font-size: clamp(12px, 1vw, 13px);
    color: #5D676D;
    justify-items: start;
    align-items: start;
    height: auto;
    gap: 3px;
}

.pc-celda-unidad-editorial {
    background-color: aqua;
    height: 100%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 15px;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: bold;
    /* border-style: solid;
        border-width: 1px; */
}

.pc-celda-unidad-editorial-titulo {
    background-color: transparent;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: start;
    border-radius: 3px;
    font-weight: bold;
    /* border-style: solid;
        border-width: 1px; */
}

.pc-grid-filas-taus {
    /* margin-bottom: -2px; */
    font-size: 10px;
    display: grid;
    gap: 3px;
    font-size: clamp(11px, 1vw, 12px);
    color: #5D676D;
    height:100%;
}

.pc-grid-fila-tau {
    display: grid;
    grid-template-columns: 10fr 2fr;
    /* padding: 1px; */
    gap: 3px;
    height: auto;
    min-height: 4.7vh;
    /* background-color: green; */
}

.pc-grid-columnas-texto-leccion {
    display: grid;
    grid-template-columns: 1fr 18fr;
    gap: 3px;
}

.pc-celda-secuencia-leccion {
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    text-align: center;
    align-content: center;
    border-radius: 3px;
    color: dimgray;
    font-weight: bold;
    font-size: clamp(11px, 1vw, 12px);
}


.pc-celda-secuencia-leccion-titulo {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.pc-celda-texto-leccion {
    width: 100%;
    height: 100%;
    min-height: 4.7vh;
    min-height: 3vh;
    background-color: #e5e5e5;
    display: flex;
    justify-items: start;
    align-items: center;
    border-radius: 3px;
}
    .pc-celda-texto-leccion:hover {
        font-weight: bold;
        /*color: lightgray;*/
        color: black;
        background-color: #c1c2c7;
        cursor: pointer;
        /*        border-style: solid;
        border-color: gray;
        border-width: .5px;
        border-radius: 3px;*/
    }


.pc-celda-texto-pruebaCL {
    width: 100%;
    height: 100%;
    min-height: 4.7vh;
    min-height: 3vh;
    background-color: #d3d4d9;
    display: flex;
    justify-items: start;
    align-items: center;
    border-radius: 3px;
}

    .pc-celda-texto-pruebaCL:hover {
        font-weight: bold;
        color: lightgray;
        background-color: #adaeb3;
        cursor: pointer;
                border-style: solid;
        border-color: gray;
        border-width: .5px;
        border-radius: 3px;
    }


.pc-celda-texto-leccion-titulo {
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: flex;
    justify-items: start;
    align-items: end;
    font-weight: bold;
}

.pc-texto-leccion {
    padding: 0px 0px 0px 5px;
    color: dimgray;
    font-weight: bold;
    font-size: clamp(11px, 1vw, 12px);
}


.pc-texto-boton {
    width: 9vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: dimgray;
    font-weight: bold;
    border-radius: 3px;
    font-size: clamp(11px, 1vw, 12px);
    background-color:#f5f5f5;
}

.pc-imagen-boton {
    width: 9vh;
    height: 4.7vh;
    background-color: lightblue;
    border-radius: 3px;
}

.pc-texto-boton-titulo {
    width: 9vh;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 3px;
    font-weight: bold;
}

.pc-texto-boton-columna {
    width: 9vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb;
    border-radius: 3px;
    margin: -5px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

    .pc-texto-boton-columna:hover {
/*        font-weight: bold;
        color: black;
        border-style: solid;
        border-color: gray;
        border-width: .5px;
        border-radius: 3px;*/
    }

.pc-grid-columnas-botones {
    display: grid;
    justify-content: left;
    grid-template-columns: 1fr 2fr 1fr;
    height: 100%;
    gap: 3px;
}


.ana-codigo-tau {
    font-weight: bold;
    text-align: center;
    width: 9vh;
    display: grid;
    justify-items: start;
    align-items: end;
}

.contenedor-tau-activo {
    width: 9vh; /* Ajusta el tamaño a tu gusto */
    /*height: 4.7vh;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    /*cursor: pointer;*/
    
}
    .contenedor-tau-activo:hover {
        font-weight: bold;
        color: lightgray;
        border-style: solid;
        border-color: gray;
        border-width: .5px;
        border-radius: 3px;
    }


.contenedor-tau-activo-inactivo {
    width: 9vh; /* Ajusta el tamaño a tu gusto */
    /*height: 4.7vh;*/
    height: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    /*cursor: pointer;*/
}



    .mitad-superior-tau-activo {
        flex: 1;
        background: #3498db; /* Color superior */
        border-radius: 3px 3px 0px 0px;
    }

.mitad-inferior-tau-activo {
    flex: 1;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    border-radius: 0px 0px 3px 3px;

}

.texto-centro-tau-activo {
    font-size: clamp(11px, 1vw, 12px);
    text-align: center;
    color: dimgray;
    font-weight: bold;
}



.contenedor-NoPlat {
    width: 9vh;
    height: 4.7vh;
    position: relative;
    background-color:#f5f5f5;
}

.imagen-superior-NoPlat {
    position: absolute;
    top: 0;
    left: 0;
    width: 9vh;
    height: auto;
}

.texto-centro-NoPlat {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: dimgray;
    font-weight: bold;
    font-size: clamp(11px, 1vw, 12px);
    width: 8vh;
    text-align: center;
}

.imagen-superior-NoPlat:hover {
    /*opacity: 0.9;*/
    /* Cambia la opacidad al pasar el mouse */
}



.pc-pantalla-entrada-pc {
    margin: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.pc-izq-der {
    display: grid;
    grid-template-areas:
        "izq der";
    width: 100%;
}

.pc-header-entrada-pc, .pc-footer-entrada-pc {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-shrink: 0;
    background-color: #50007d;
    color: white;
    font-weight: bold;
    border-radius: 0px 0px 4px 4px;
    height: 4.5vh;
    font-size: clamp(2vh, 0.8vw, 3vh);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.contenido-plan-curso-pc {
    flex: 1;
    overflow-y: auto;
}

/*.pc-footer-entrada-pc {
}*/

/*.e-toolbar.e-control[class*="e-toolbar"] {
    display:none;
}*/