/*Estilos de pantallas de entradas de estudiante, tutor, y coordinador*/
/*pantalla-entrada header, banner, cuerpo, footer*/
.ent-pantalla-entrada {
    display: grid;
    height: 100%;
    grid-template-rows: 4.5vh auto 4.5vh;
}

.ent-cuerpo-entrada {
    display: grid;
    grid-template-rows: 3fr  6fr;    
    margin-top: 4.5vh;
    height: 90vh;
    padding: 15px 0px;
    /*background-color: yellow;*/

}


/*header-entrada*/
.ent-header-entrada {
    height: 4.5vh;
    display: grid;
    grid-template-areas: "izq der";
    background-color: #50007d;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: 0px 0px 4px 4px;
    position: fixed;
    top: 0;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
}

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

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

/*bannerAnalista*/
.ent-banner {
    /*margin: 15px 0px;*/
    display: grid;
    grid-template-columns: 3fr auto;
    font-size: clamp(20px,2vw,26px);
    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*/
    /*height: 35vh;*/
    height: 100%;
    /*margin-left: -4px;*/
    border-radius:10px;
}


/*botonAtras*/
.ent-boton-atras {
    cursor: pointer;
}

    .ent-boton-atras:hover {
        color: lightgray;
    }



/*TextoBienvenida*/
.ent-texto-bienvenida {
    margin-top: 15px;
    padding: 10px;
    color: white;
    font-size: clamp(20px, 2.8vh, 32px);
    font-weight: bold;
    height: 100%;
    margin-left: 5%;
    align-self: start;
}

/*AreaAnalista*/
.ent-area-analista {    
    min-width: 300px;*/
}

/*botonPE*/
.ent-boton-pe {
    display: flex;
    grid-gap:8px;
    /*min-width: 200px;*/
}
/*cuerpo*/
.ent-cuerpo {
    height: 100%;
    margin: 10px 0px;
}


/*cuerpoEntraAnalista*/
.ent-cuerpo-entra-analista {
    border-radius: 15px;
    margin-bottom: 2px;
    margin: 0px 4%;
}

/*custom-tab *************/
/*banner-estudiante*/


.ent-titulo-tabs {
    font-size: 1.8em; /* Este valor depende del navegador, pero este es típico */
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
    margin-top: 10px;
    height: auto;
}


/* Estilo para el logo */
.ent-logo-banner {
    justify-self: end;
    height: 35vh; /* Ajusta el tamaño del logo */
    width: auto;
    padding-bottom: 15px;
}


/*AreaEstudiante*/
.ent-nombre-estudiante {
    font-size: clamp(20px, 2.8vh, 32px);
    font-weight: bold;
    color: white;
}

.ent-area-estudiante {
    font-size: clamp(18px, 2.8vh, 24px);
    margin-top: 1vh;
}

/*cuerpoInterno*/
.ent-cuerpo-interno {
    display: grid;
    grid-template-columns: 4fr 3fr;
    grid-template-areas: "izq der";
    /*margin: 0px 15px 0px 0px;*/
    height: 100%;
    padding: 10px 15px;
    /*margin-bottom: 40px;*/
}

/*VideoIntro*/
.ent-video-intro {
    display: flex;
    align-items: start;
    justify-self:center;
    margin: 0px 20px 0px 0px;
    width:85vh;
    /*padding:20px;*/
}


/*cuerpoRight*/
.ent-cuerpo-right {
    grid-area: der;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 10px;
    /*margin-top: 10px;*/
}


/*cuadroDentroDefranjaContenidoEntrada*/
.ent-cuadro-dentro-de-franja-contenido-entrada {
    display: block;
    border-radius: 10px;
    padding: 15px;
    background-color: #FFC9AD;
    margin-right: 0px;
    height: 48vh;
    overflow: auto;
    /*height: 90%;*/
}

/*banner
bannerCoordinador*/

/* Pie de Página] */
.pie {
    min-height: 4.5vh;
    height: 4.5vh;
    max-height: 4.5vh;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "izq der";
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    background-color: #50007d;
    align-items: center;
    /*font-size: clamp(16px,2vw,20px);*/
    font-size: 15px;
    border-radius: 10px 10px 0px 0px;
    z-index: 1000;
}


.pieLeft {
    font-weight: bold;
    display: grid;
    align-items: center;
    padding-left: 10px;
    grid-area: izq;
    justify-content: left;
}
.imagenPieLeft {
    height: 4vh;
    margin-right: 10px;
    margin-top: 2px;
}

.pieRight {
    grid-area: der;
    display: flex;
    align-content: center;
    justify-content: flex-end;
    padding-right: 10px;
    font-weight: bold;
    /*background-color:yellow*/
}

.e-btn {
    padding: 5px 15px;
}