/**fuente**/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');



* {
    margin: 0px;
    padding: 0px; 
}  

body {
  font-family: 'Montserrat', sans-serif;
} 

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--scroll-padding, 150px)
}

/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/




/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/


/*****************************************************MENU HAMBURGUESA*************************************************************/
.hamburger {
    display: none;
    cursor: pointer;
}

.layer {
    display: block;
    width: 50px;
    height: 4px;
    margin: 10px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #364957;
    border-radius: 5px;
}

.hamburger.active .layer:nth-child(2){
    opacity: 0;
}

.hamburger.active .layer:nth-child(1){
    transform: translateY(14px) rotate(45deg);
}

.hamburger.active .layer:nth-child(3){
    transform: translateY(-14px) rotate(-45deg);
}




/********************************************************LOGO HOVER****************************************************************/
.logoDGES {
    width: 70px;
    display: flex;
    transition: 0.4s;
    padding: 10px;
    }
    
.logoDGES:hover {
    width: 70px;
    display: flex;
    transform: scale(0.9);
    } 

.logoUDG {
    width: 170px;
    display: flex;
    transition: 0.4s;
    padding: 10px;
    }
    
.logoUDG:hover {
    width: 170px;
    display: flex;
    transform: scale(0.9);
 } 




/********************************************************MENU NAV****************************************************************/


header {
    margin-top: 30px;
    position: fixed;  /********HACERLO FIXED*******/
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items:center;
    width: 100%;  
    height: 140px;
    background-color: #ffffff;
    /*****JS****/ transition: 0.5s;
    z-index: 10;
  
}





/***********************************************UL ESTILOS Y SOCIAL HEADER OCULTO************************************************/


.menu {
    display: flex;
}

.menu, .subMenu {
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}   


.subMenu {
    transition: all 0.3s;
    height: 0;
}


.socialHeader { 
    display: none;
}



/*******************************************************LISTAS Y ET. A **********************************************************/

.listaMenu { 
    position: relative;     /*********posición lista vertical*********/ 
}

.aMenu {
    display: block; /***********ayuda a que las flechas no esten tan juntas**************/
    text-decoration: none;
    justify-content: space-around;
    align-items: center;
    font-size: 13px;
    padding: 10px 12px;
    color: #364957;
    transition: 0.7s ease;
}


.aMenu:hover {
    color: #57748a;
}


.subMenu > li {
    display: block;
    background-color: rgb(243, 243, 243); 
}


.subMenu > li > a { 
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: #8b8b8b;
    padding: 20px;
}



.subMenuNew > li {
  background-color: rgb(243, 243, 243);
  padding: 10px 20px 10px 30px;
  list-style: none;
}


.subMenuNew > li > a { 
  display: block;
  text-decoration: none;
  font-size: 13px;
  color: #8b8b8b;
}

.listaMenu:hover .subMenuNew {
  opacity: 1;
  visibility: visible;
  
}
  

.subMenuNew > li:hover {
  background-color:#285677;
  transition: .6s ease;
  margin-left: 5px;
}

.subMenuNew > li > a:hover {
  color: #ffffff;
  transition: .3s;
}





/******************************************************CUSTOM PROPERTY FLECHAS***************************************************/

.listaMenu { 
    --transform: rotate(0deg);
    position: relative; /**********************se puede borrar************************/
}
    

.listaMenu:hover {
    --transform: rotate(180deg);
}

.menuArrow {
    transform: var(--transform);
    transition: transform .4s ease;
}






/**********************************************************HOVER LISTAS**********************************************************/

.listaMenu .aMenu::before {
    content: "";
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    border-top: 2px solid #f55252;
    border-bottom: 2px solid #f55252;
    transform: scaleY(1.3);
    opacity: 0;
    transition: .3s;
}


.listaMenu:hover .subMenu {
    opacity: 1;
    visibility: visible;
    
}
    

.listaMenu .aMenu:hover:before {
    transform: scaleY(.8);
    opacity: 1;
}



/*********************************************************HOVER SUBMENU**********************************************************/

.subMenu > li:hover {
    background-color:#0f2f45;
    transition: .6s ease;
}

.subMenu > li > a:hover {
    color: #ffffff;
    transition: .3s;
}



/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/


.pruebaGato {
    display: grid;
    width: 100%;
    height: 800px;
    background-size: cover;
    background-position: center center;
    
}

.encabezado {
    color: #ffffff;
    font-weight: bolder;
    margin-top: 350px;
    margin-left: 50%;
}

.encabezado > h1 {
    font-size: 72px;
}

.encabezado > h2 {
    font-size: 45px;
}


.encabezado > li {
    border-radius: 40px;  
    list-style: none;
    text-align: center;
    padding: 1em;
    width: 180px;
    background-color: #71b8ca;
    margin-top: 15px;
}


.buttonPlanEstudios {
  margin-top: 40px;
  border-radius: 40px; 
  background-color: #71b8ca;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  border: #71b8ca;
  width: 220px;
  height: 50px;
  transition: 0.3s;
}


.buttonPlanEstudios:hover {
  color: #154364;
  background-color: #9dd2df;
}


.hand {
  margin: 0 10px;
}


/* Asegúrate de que el video cubra todo el área del header */
.video-header {
  width: 100%;
  height: 100vh; /* Hace que el video cubra toda la altura de la ventana */
  overflow: hidden;
}

#background-video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* Hace que el video cubra todo el área sin distorsionarse */
}

.header-content {
  position: absolute;
  top: 20%;
  transform: translate(-50%, -50%); /* Centra el contenido */
  text-align: center;
  color: white;
}

.header-content h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.header-content p {
  font-size: 1.5rem;
}





/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.containerUno {
    font-size: 15px;
    padding-bottom: 70px;
    line-height: 22px; /***interlineado***/
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: nowrap;
  }


.boxSectionUno {
    width: 100%;
    padding: 20px 20px;
    text-align: center;
}
  
  .tituloSec {
    color: #364957;
    font-size: 22px;
    margin: 20px;
  }
  
  .psection {
    text-align: center;
  }

  .linea {
    border: 0 none;
    width: 70%;
    height: 3px; 
    margin-right: auto;
    margin-left: auto;
    border-radius: 20px;
    background: radial-gradient(circle, #e03c3c 30%, transparent 100%); 
  }



/*******************************************************CONVOCATORIA***************************************************************/
/*******************************************************CONVOCATORIA***************************************************************/
/*******************************************************CONVOCATORIA***************************************************************/
/*******************************************************CONVOCATORIA***************************************************************/
/*******************************************************CONVOCATORIA***************************************************************/

  .imagenConvocatoria {
    margin: 80px 5%;
    width: 90%;
    display: grid;
    gap: 30px
  }


  .convocatoria {
    width: 100%;
    cursor: pointer;
  }

  .img-full {
    width: 100%;
    height: 100vh;
    background-color: rgb(0,0,0,0.7);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
  }  

  .img-full span {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 30px;
    font-weight: bolder;
    color: #ffffff;
    cursor: pointer;
  }


  .img-full img {
    width: 90%;
  }



/********************************************************OBJETIVOS*****************************************************************/


 h6 {
    font-size: 28px;
    font-weight: bold;
    color: #364957;
    text-align: center;
    margin-bottom: 30px;
  }

  .pObjective {
    margin-top: 30px;
    text-align: justify;
    padding: 30px;
  }

  .pObjective li {
    list-style: none
  }

  .fa-arrow-right {
    margin: 0px 10px 0px 10px;
    color: #154364;
  }
  

  .carousel-inner img {
    height: 600px;
    object-fit: cover;
  }



/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/

.asociacionLinea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  
  /*.imgLinea:hover {
    transform: scale(1.10);
    opacity: 60%;
  } esto no se puede realizar aun en desktop*/




  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/


  .contactContainer {
    display: flex;
    flex-direction: row;
    align-items: flex-start; 
    margin-top: 70px;
    margin-bottom: 160px;
    font-size: 15px;
  }

  .contactBox {
    width: 100%;
    flex-direction: row;
    text-align: justify;
    line-height: 33px; /***interlineado***/
    padding: 0px 80px;
    font-size: 18px;
    font-weight: bolder;
    color: #364957;
  }


  .textContact {
    border-radius: 10px;
    width: 100%;
    height: 40px;
    border-color: #aeadab;
    font-size: 18px;
    padding: 5px 5px;
    font-family:'Montserrat', sans-serif;
  }

  .mensajeContact {
    height: 85px;
    border-radius: 10px;
    width: 100%;
    border-color: #aeadab;
    padding: 5px 5px;
    font-size: 18px;
    font-family:'Montserrat', sans-serif;
  }  

  .contactInfoBox {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    color: #364957;
    width: 100%;
    text-align: center;
    line-height: 22px; /***interlineado***/
  }

  .textoContacto {
    margin: 30px;
  }

  .titleContact {
    font-size: 35px;
    font-weight: bold;
    color: #364957;
    margin-bottom: 40px;
  }

  .boxContactButton {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .buttonContact {
    transition: 0.6s;
    color: #ffffff;
    background-color: #1c3256;
    border: #1c3256;
    font-weight: bolder;
    height: 40px;
    width: 160px;
    border-radius: 25px;
  }

  .buttonContact:hover {
    background-color: #3b5a6f; 
    transition: 0.6s;
  }

  .boxFormButton a {
    text-decoration: none;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: column;
    transition: 0.6s;
    width: 60px;
  }

  .fa-form {
    font-size: 20px;
    transition: 0.3s;
    align-items: center;
    justify-content: space-between;
    border-radius: 25px;
    color: #ff0000;
    }

  .fe:hover {
    transform: scale(1.10);
    color: #a43f3f; }

  .textoBolder {
    font-weight: bold;
    text-decoration: underline;
  }



/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/


.imgPAsociaciones {
  width: 130px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 20px;;
}






/*******************************************************LOGOS POSGRADOS************************************************************/


.boxContainer {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.boxImage {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 30px;
    transition: 0.3s; /********acomodar en JS*********/
    /*transform: scale(1.0); /********acomodar en JS*********/
  }

  
.boxImage:hover { /********acomodar en JS*********/
    /*transform: scale(1.10);  /********acomodar en JS*********/
    opacity: 60%; 
 }


/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/

.footerContainer {
    margin-top: 30px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    font-size: 14px;
    color: rgb(255, 248, 240);
    background-color: rgba(21,67,100,1);
    padding: 10px;
  }
  
  .logoFooterUDG {
    width: 250px;
  }

  .boxFooter {
    align-items: center;
    padding: 30px;
  }
  
 .bolder {
    font-weight: bolder;
  }

 .fa-footer {
    transition: 0.3s;
    padding: 10px;
    color: #dfe0e6; }

 .fa-footer:hover {
    transform: scale(1.25);
    opacity: 0.5;
    color: #dfe0e6; 
  }

  .enlaceCorreo {
    transition: 0.3s;
    color: #dfe0e6;;
    font-weight: bolder;
    text-decoration: none; 
  }

  .enlaceCorreo:hover {
    opacity: 0.5;
    color: #dfe0e6; 
  }
  
  .derechos {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .derechos a {
    color: rgb(137, 192, 192);
    text-decoration: none;
    font-weight: bolder;
    padding: 8px;
  }

 .rakun {
    transition: .4s ease-in-out;
 } 

 .rakun:hover {
    opacity: 0.8;
    color: rgba(21,67,100,1);
  }



/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/

.encabezadoPrograma {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/presentacionPrograma/presentacionPrograma-edit.jpg");
  background-size: cover;
  background-position: center center;
}



.encabezadoPrograma > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

.lineaEncabezado {
  display: flex;
  height: 3px;
  border-radius: 10px;
  width: 70px;
  background-color: #ffffff;
  margin: 10px auto;
  margin-bottom: 120px;
}




/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerPrograma {
  margin: 60px;
  display: flex;
  flex-flow: row wrap;
  font-size: 15px;
  line-height: 2rem;
  align-items: center;
  justify-content: center;

}


.boxSectionPrograma {
  width: 40%;
  padding: 40px 40px;
  text-align: center;
}


.boxSectionPrograma img {
  height: 100px;
  width: 100px;
  object-fit: cover;
}



/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoPlanEstudios {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/planEstudios/planEstudios-edit.jpg");
  background-size: cover;
  background-position: center center;
}


.encabezadoPlanEstudios > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

/**********************************************************ASPIRANTE***************************************************************/

.mayaCurricular {
  display: grid;
}

.mayaCurricular img {
  margin: 5%;
  width: 90%;
}

.formAspirante {
  display: flex;
  margin: 5%;
  flex-direction: column; 
  align-items: center;
}

.formAspirante > p {
  font-size: 24px;
  font-weight: bold;
  color:  #4e7a9a;
  text-align: center;
}

.buttonAspirante {
  margin-top: 40px;
  border-radius: 40px; 
  background-color: #71b8ca;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  border: #71b8ca;
  width: 280px;
  height: 50px;
  transition: 0.3s;
}


.buttonAspirante:hover {
  color: #154364;
  background-color: #9dd2df;
}




/**********************************************************LINEA AZUL**************************************************************/


.divPlanEstudios {
  width: 100%;
  height: 100px;
  background-color: #00618d;
}


/**********************************************************VINCULACION*************************************************************/
/**********************************************************VINCULACION*************************************************************/
/**********************************************************VINCULACION*************************************************************/
/**********************************************************VINCULACION*************************************************************/
/**********************************************************VINCULACION*************************************************************/


.vinculacion {
  background-color:#eef4fd;
  border-radius: 15px; /* Bordes redondeados */
  margin: 20px;
  padding: 40px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Sombra sutil */
}


.convocatoriaDGES {
  padding: 0px 10px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transform: scale(1.1);
}

.ligaVinculacion {
  text-decoration: none;
  font-weight: bold;
  color: #0b293e;
  transition: color 0.3s ease, transform 0.3s ease; /* Transición más fluida */
}

.ligaVinculacion:hover {
  color: #287ea5; 
}

/* Estilo de la lista */
.vinculacion ul {
  padding: 30px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.vinculacion ul li {
  margin: 20px;
  padding: 15px 20px;
  margin-bottom: 10px;
  transition: all 0.3s ease; 
  background-color: #fff;
  border-radius: 8px;
}

/* Efecto hover para los elementos de la lista */
.vinculacion ul li:hover {
  background-color: rgb(207, 232, 244); /* Cambio de fondo al hacer hover */
}









/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/

.titleLineaGeneración {
  margin-top: 50px;
  padding: 40px;
  text-align: center;
  font-size: 34px;
  color: #364957;
  font-weight: bolder;
}


.tab-container {
  width: 70%;
  height: 80%;
  box-shadow: 0 10px 15px 0 #b5c9da;
  color: #225071;
  border-radius: 0.5rem;
  margin: 2rem auto;
  overflow: hidden;
  margin-bottom: 80px;
  line-height: 22px;
}

.options {
  display: flex;
  width: 100%;
  height: 15%;
  list-style: none;
}

.option {
  flex-grow: 1;
  text-align: center;
  line-height: 60px;
  border: solid 1px #e3edf5;
  cursor: pointer;
  color: #ffffff;
  background-color: #b5c9da;
  font-weight: bolder;
}


.option-active {
  background-color: #e3edf5;
  border-bottom: 1px solid #e3edf5;;
  color: #233849;
  font-weight: normal;
}

.contents {
  width: 100%;
  height: 85%;
}

.content {
  height: 100%;
  content: #364957;
  display: none;
  padding: 20px;
}

.content-active {
  background-color: #e3edf5;
  display: block;
}

.titleLineaConocimiento {
  text-align: center;
  align-items: center;
  margin: 10px;
  padding-bottom: 10px;
  border-bottom: solid 3px #b5c9da;
  font-size: 20px;
  color: #233849;
}

.content p {
  margin: 15px;
}


.isoCUCEA {
  margin-top: 40px;
  width: 80%;
  margin: 2rem auto;
  line-height: 22px;
  text-align: justify;
  font-size: 15px;
}


.cajaBotonCalidad {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 120px;
}

.buttonManualCalidad {
  margin-top: 20px;
  border-radius: 40px; 
  background-color: #8f2121;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  border: none;
  width: 620px;
  height: 50px;
  transition: 0.3s;
}


.buttonManualCalidad:hover {
  color: #ffe5de;
  background-color: #c94a4a;
}


/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoDirectorio {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/directorio/directorio-edit.jpg");
  background-size: cover;
  background-position: center center;
}


.encabezadoDirectorio > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}


.lineaDirectorio {
  display: flex;
  height: 3px;
  border-radius: 10px;
  width: 600px;
  background-color: #ffffff;
  margin: 10px auto;
}

.encabezadoDirectorio > p {
  font-size: 30px;
  margin-bottom: 100px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerDirectorio {
  margin: 30px 0px;
}

.containerDirectorio > div {
  padding: 40px 140px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.containerDirectorio > div > img {
  width: 200px;
  height: 200px;
  object-fit:cover;
  border-radius: 20px; 
}

.parrafoDirectorio {
  padding: 0px 30px;
}

.parrafoDirectorio > p {
  margin: 10px 0;
}

.parrafoDirectorio > p > a {
  text-decoration: none;
  color: #154364;
}



/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/
/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/
/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/


.infoDirectorio {
  display: flex;
  height: 200px;
  padding: 60px 0px;
  flex-direction: column; 
  align-items: center;
  background-color: #f2f3f7;
  width: 100%;
}

.infoDirectorio > p {
  font-size: 24px;
  font-weight: bold;
  color:  #4e7a9a;
  text-align: center;
  padding-bottom: 30px;
  margin: 0px 40px;
}

.directorios {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.directorios > a {
  display: inline-block;
  margin: 40px 40px;
  text-decoration: none;
  color: #5a84a2;
}


.buttonDirectorio {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  border: #60a3c2;
  background-color: #245d77;
  font-weight: bolder;
  width: 280px;
  height: 60px;
  color: #ffffff;
  border-radius: 40px;
  box-shadow: 
  -2px -2px 8px rgb(205, 205, 205), 
  -2px -2px 12px rgb(255, 255, 255, 0.5), 
  inset -2px -2px 4px rgb(255, 255, 255, 0.1),
  2px 2px 8px rgb(0, 0, 0, 0.15);

}


.buttonDirectorio:hover {
  box-shadow: 
  inset -2px -2px 8px #3c697d, 
  inset -2px -2px 12px #6ab6d9, 
  inset -2px -2px 4px rgb(255, 255, 255, 0.1),
  inset 2px 2px 8px rgba(32, 100, 112, 0.15);
}




/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/

/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoAspirantes {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/aspirantes/aspirantes-edit.jpg");
  background-size: cover;
  background-position: center center;
}


.encabezadoAspirantes > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerAspirantes {
  font-size: 15px;
  padding-bottom: 60px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
}

.boxSectionAspirantes {
  width: 40%;
  padding-top: 100px;
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
}


.tituloPerfil {
  margin-top: 30px;
  font-size: 38px;
  color: #233849;
  font-weight: bolder;
}


.pPerfil {
  margin-top: 60px;
  text-align: justify;
}


.liPerfil {
  margin-top: 10px;
  text-align: justify;
  padding: 30px;
  line-height: 22px;
}

.liPerfil li {
  line-height: 2rem;
  list-style: none;
}


/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/


.tituloPerfilIngreso {
  margin-top: 60px;
  font-size: 38px;
  color: #233849;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 30px;
}

.procesoIngreso {
  width: 70%;
  display: flex;
  justify-content: center;
  margin: 30px auto;
  line-height: 2rem;
  margin-bottom: 120px;
}

.procesoIngreso > div > strong > li {
  list-style: none;
  margin-top: 20px;
  line-height: 22px;
}

.spanEnlace a {
  color: rgb(195, 8, 8);
  font-weight: bolder;
  text-decoration: none;
}


/*************************************************CRITERIOS DE SELECCION***********************************************************/
/*************************************************CRITERIOS DE SELECCION***********************************************************/
/*************************************************CRITERIOS DE SELECCION***********************************************************/
/*************************************************CRITERIOS DE SELECCION***********************************************************/
/*************************************************CRITERIOS DE SELECCION***********************************************************/

.puntosCriterio {
  margin: 40px;
}


  /*********************************************************FORMULARIO***************************************************************/
  /*********************************************************FORMULARIO***************************************************************/
  /*********************************************************FORMULARIO***************************************************************/
  /*********************************************************FORMULARIO***************************************************************/
  /*********************************************************FORMULARIO***************************************************************/


  .formContainer {
    display: flex;
    flex-direction: row;
    align-items: center;    
    background-color: #154364;
    color:rgb(255, 248, 240);
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 15px;
  }

  .boxForm {
    width: 100%;
    flex-direction: row;
    line-height: 22px; /***interlineado***/
    padding: 60px;
  }

  .boxForm textarea {
    width: 100%;
    height: 25px;
    border-color: #dddbd8;
    transition: 0.3s; }

  .textAreaForm {
    padding: 5px 5px;
    font-family:'Montserrat', sans-serif;
  }

  .boxForm .mensajeForm {
    height: 85px;
  }  

  .mensajeForm {
    padding: 5px 5px;
    font-family:'Montserrat', sans-serif;
  }

  .titleForm {
    font-size: 28px;
    font-weight: bold;
    color: aquamarine;
    margin-bottom: 40px;
  }


  .boxFormButton {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .button {
    transition: 0.3s;
    color: #ffffff;
    background-color: #ff0000;
    border: #ff0000;
    font-weight: bolder;
    height: 40px;
    width: 160px;
    border-radius: 25px;
  }

  .button:hover {
    transform: scale(1.05);
    background-color: #a43f3f; 
  }

  .boxFormButton a {
    text-decoration: none;
    display: inline-flex;
    flex-wrap: nowrap;
    flex-direction: column;
    animation-delay: 5s;
    width: 60px;
  }

  .fa-form {
    font-size: 20px;
    transition: 0.3s;
    align-items: center;
    justify-content: space-between;
    border-radius: 25px;
    color: #ff0000;
    }

  .fe:hover {
    transform: scale(1.10);
    color: #a43f3f; }

  .textoBolder {
    font-weight: bold;
    text-decoration: underline;
  }



/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/



.costoContainer {
  display: flex;
  flex-direction: row;
  align-items: center;    
  background-color: #154364;
  color:rgb(255, 248, 240);
  margin-top: 100px;
  margin-bottom: 100px;
  font-size: 15px;
}

.costoBox {
  width: 100%;
  flex-direction: row;
  text-align: justify;
  line-height: 22px; /***interlineado***/
  padding: 60px;
}


.titleCosto {
  font-size: 28px;
  font-weight: bold;
  color: aquamarine;
  margin-bottom: 40px;
}


.textoCostos > p {
  margin-bottom: 20px;
}


.boxFormCostos {
  justify-content: center;
  text-align: center;
}

.boxCostoRedes {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.boxCostoRedes a {
  text-decoration: none;
  display: inline-flex;
  flex-wrap: nowrap;
  flex-direction: column;
  animation-delay: 5s;
  width: 60px;
 }

.fa-costo  {
  font-size: 20px;
  transition: 0.3s;
  align-items: center;
  justify-content: space-between;
  border-radius: 25px;
  color: #f55251;
  }

.fe:hover {
  transform: scale(1.10);
  color: #a43f3f; }



.boxCostoButton {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.buttonCosto {
  transition: 0.3s;
  color: #ffffff;
  background-color: #f55251;
  border: #f55251;
  font-weight: bolder;
  height: 40px;
  width: 160px;
  border-radius: 25px;
}

.buttonCosto:hover {
  transform: scale(1.05);
  background-color: #a43f3f; 
}

/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/

/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/

.encabezadoJuntaAcademica {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/alumnos/presentacionPrograma-edit.jpg");
  background-size: cover;
  background-position: center center;
}

.encabezadoJuntaAcademica > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}



/*****************************************************PRIMERA SECCION**************************************************************/
/* ****************************************************PRIMERA SECCION*************************************************************
****************************************************PRIMERA SECCION*************************************************************
****************************************************PRIMERA SECCION*************************************************************
****************************************************PRIMERA SECCION*************************************************************/
 
.juntaFlex {
  background-color: #e5f7ff;
  padding: 50px;
  text-align: left;
  border-radius: 40px;
  display: flex;
  margin: 5% 10%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  line-height:1.5rem; 
}

.juntaFlexTwo {
  flex-flow: column wrap;
  text-align: center;
}


.drJuntaFlex {
  display: flex;
  flex-flow: column nowrap;
  align-items:center;
  width: 400px;
  height: 300px; /*defini un alto para poder controlar un poco mas la caja*/
}

.drJuntaFlex img {
  width: 200px;
  height: 220px;
  object-fit: cover;
  border-radius: 10%;
}

.drJuntaFlex p {
  margin: 2%;
  text-align: center;
}

.juntaFlex span {
  background-color: #00618d;
  padding: 10px;
  color: #ffffff;
  border-radius: 20px;
}

.correoJunta {
  text-decoration: none;
  color: #1c3256;
  font-weight: bolder;
  padding: 5px; 
}

.infoJunta {
  margin-top: 40px;
  width: 70%;
}

.infoJuntaNucleo {
  width: 70%;
}

/*________________________________________________________NUCLEO ACADEMICO________________________________________________________
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/

.encabezadoNucleoAcademico {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/alumnos/presentacionPrograma-edit.jpg");
  background-size: cover;
  background-position: center center;
}

.encabezadoNucleoAcademico > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/

.encabezadoNucleoAcademico {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/alumnos/presentacionPrograma-edit.jpg");
  background-size: cover;
  background-position: center center;
}

.encabezadoNucleoAcademico > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}



/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerNucleoAcademico {
  padding: 40px 0px;
  background-color:#eef4fd;
  display: flex;
  flex-flow: column wrap;
  padding-bottom: 100px;
}

.containerNucleoAcademico > div {
  margin: 40px 0px;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.containerNucleoAcademico > div > img {
  margin-bottom: 40px;
  object-fit: cover;
  width: 180px;
  height: 200px;
  border-radius: 20px;
}

.parrafoNucleo > p {
  margin: auto;
  width: 60%;
  text-align: center;
  padding: 5px 0px;
}

.parrafoNucleo > p > a {
  text-decoration: none;
  font-weight: bolder;
  color: #154364;
  transition: 0.4s;
}

.parrafoNucleo a:hover {
  color: #00618d;
}

.fa-containerNucleo {
  padding: 10px;
}

.enlaceDoctor {
  text-decoration: none;
  color: black;
}


.acordeon {
  width: 600px;
  max-width: 1100px;
  margin: 1rem auto;

}

.acordeon-item {
  background: #a1cae7; 
  color: #0b293e; 
  border-radius: 10px;
  /* box-shadow: 0 2px 5px 0 #4e7a9a;  */
  transition: 0.4s ease-in-out;

}

.acordeon-item-head {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  padding: 5px;
  font-size: 20px;
  line-height: 1.25rem;
  font-weight: bolder;
}


.activo, .acordeon-item:hover {
  background-color: #4e7a9a;
  color: #ffffff;
}


.acordeon-item-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.acordeon-item-body-content {
  padding: 40px 40px 40px;
  border-top: 3px solid #ffffff;
  border-image: linear-gradient(to right, transparent, #225071, transparent) 1;
  color: #225071;
  background-color:#eef4fd;
}

.acordeon-item-body-content > strong > li {
  margin-top: 10px;
}

.acordeon-item-body-content > p {
  margin-top: 15px;
  margin-bottom: 15px;
}



/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/

/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoAlumnos {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/alumnos/presentacionPrograma-edit.jpg");
  background-size: cover;
  background-position: center center;
}


.encabezadoAlumnos > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.acordeon-item-body-content-alumnos div p {
  width: 100%;
  padding: 10px;

}

.acordeon-alumnos {
  width: 80%;
  max-width: 1100px;
  margin: 4rem auto;
  line-height: 22px;
}

.acordeon-item-alumnos {
  margin: 10px 30px;
  display: inline-block;
  font-weight: 500;
  letter-spacing: 1px;
  color: #5a84a2;
  background-color: #f1f1f5;
  border-radius: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.15);
  transition: 0.3s ease;
}

.activoAlumnos, .acordeon-item-alumnos:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2), 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}

.acordeon-item-head-alumnos {
  padding: 20px;
  font-size: 1.5rem;
  font-weight: bolder;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.3s ease;
}

.acordeon-item-head-alumnos:hover {
  color: #225071;
}

.acordeon-item-body-alumnos {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, transform 0.3s ease-out;
  transform-origin: top;
}

.acordeon-item-body-content-alumnos {
  padding: 30px;
  border-top: 2px solid #ffffff;
  color: #225071;
}

.acordeon-item-body-content-alumnos div {
  display: flex;
  margin: auto;
  margin-top: 20px;
  align-items: center;
  justify-content: flex-start; /* Alineación a la izquierda */
  text-align: left; /* Alinea el texto a la izquierda */
  width: 100%;
}

.acordeon-item-body-content-alumnos div p {
  padding: 10px 30px;
  margin-right: 10px; /* Agregar algo de espacio entre el texto */
}

.acordeon-item-body-content-alumnos div strong {
  width: 45%;
}

.titleLineaTesis {
  text-align: left; /* Cambiar a left para alinear con el resto del texto */
  list-style: none;
  margin: 10px auto;
  width: 90%;
  font-size: 1rem;
  font-weight: bold;
  color: #2b3e55;
  border-bottom: 2px solid #b5c9da;
  padding-bottom: 5px;
  transition: color 0.3s ease;
}

.titleLineaTesis:hover {
  color: #225071;
}

/* Media query para dispositivos móviles */
@media (max-width: 768px) {
  .acordeon-alumnos {
    width: 95%;
  }

  .acordeon-item-head-alumnos {
    font-size: 1.2rem;
  }


  .titleLineaTesis {
    font-size: 0.9rem;
    width: 80%;
  }

  .acordeon-item-body-content-alumnos {
    padding: 0px;
  }

  /* Hacer que los elementos se alineen en una fila (row) */
  .acordeon-item-body-content-alumnos div {
    margin-top: 0px;
    flex-direction: column; /* Los elementos se alinean horizontalmente */
    justify-content: space-between; /* Distribuye los elementos a lo largo de la fila */
    text-align: center; /* Alinea el texto a la izquierda */
    padding: 15px 0px;
  }

  .acordeon-item-body-content-alumnos div p strong {
    display: none;
  }

  .acordeon-item-body-content-alumnos div strong {
    width: 90%; /* Reducir el ancho para que los elementos tengan suficiente espacio */
    padding: 0px 10px;
  }
}



/* Media query para dispositivos móviles */
@media (max-width: 768px) {
  .acordeon-alumnos {
    width: 95%;
  }

  .acordeon-item-head-alumnos {
    font-size: 1.2rem;
  }


  .titleLineaTesis {
    font-size: 0.9rem;
    width: 80%;
    text-align: center;
  }

  .acordeon-item-body-content-alumnos {
    padding: 0px;
  }

  /* Hacer que los elementos se alineen en una fila (row) */
  .acordeon-item-body-content-alumnos div {
    margin-top: 0px;
    flex-direction: column; /* Los elementos se alinean horizontalmente */
    justify-content: space-between; /* Distribuye los elementos a lo largo de la fila */
    text-align: center; /* Alinea el texto a la izquierda */
    padding: 15px 0px;
  }

  .acordeon-item-body-content-alumnos div p strong {
    display: none;
  }

  .acordeon-item-body-content-alumnos div strong {
    width: 90%; /* Reducir el ancho para que los elementos tengan suficiente espacio */
    padding: 0px 10px;
  }
}


/*_________________________________________________________SERVICIOS______________________________________________________________*/
/*_________________________________________________________SERVICIOS______________________________________________________________*/
/*_________________________________________________________SERVICIOS______________________________________________________________*/
/*_________________________________________________________SERVICIOS______________________________________________________________*/
/*_________________________________________________________SERVICIOS______________________________________________________________*/


.containerServicios {
  width: 80%;
  max-width: 1200px;
  margin: 2rem auto;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.containerServicios h2 {
  padding: 50px;
  text-align: center;
  color: #074068;
}

.sectionContainerServicios {
  margin-bottom: 1.5rem;
  padding: 30px;
  border-left: 5px solid #00618d;
  background-color: #f9f9f9;
  border-radius: 8px;
}

.sectionContainerServicios h3 {
  padding: 10px;
  color: #287ea5;
  font-size: 24px;
  margin-bottom: 1rem;
}

.sectionContainerServicios ul {
  list-style-type: none;
  padding-left: 20px;
}

.sectionContainerServicios ul li {
  font-size: 16px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.sectionContainerServicios ul li i {
  margin-right: 10px;
  color: #287ea5
}

.sectionContainerServicios .linkCTA {
  display: inline-block;
  margin-top: 1rem;
  padding: 10px 20px;
  background-color: #285677;
  color: #ffffff;
  text-decoration: none;
  border-radius: 10px;
  font-weight: bold;
  transition: background-color 0.3s;
}

.sectionContainerServicios .linkCTA:hover {
  background-color: #0f2f45;
  color: #ffffff;
}

/* Efecto hover en los enlaces */
.sectionContainerServicios ul li a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease;
}

.sectionContainerServicios ul li a:hover {
  color: #3182bc; /* Cambiar color del enlace */
}







/*_________________________________________________________LIBROS________________________________________________________________*/
/*_________________________________________________________LIBROS________________________________________________________________*/
/*_________________________________________________________LIBROS________________________________________________________________*/
/*_________________________________________________________LIBROS________________________________________________________________*/
/*_________________________________________________________LIBROS________________________________________________________________*/



/* Contenedor principal de los libros */
.books-container {
  max-width: 1200px;
  margin: 40px auto;
  padding: 40px;
  background-color: #f2f3f7;
  border-radius: 20px;
}

/* Título de la sección */
.section-title {
  font-size: 2rem;  
  font-weight: bold;
  color: #364957;
  margin-bottom: 40px;
  text-align: center;
}

.books-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.book-card {
  display: flex;
  flex-direction: column; /* Organiza los elementos de arriba hacia abajo */
  justify-content: flex-start; /* Alinea los elementos al principio */
  margin: 5px;
  border-radius: 10px;
  box-shadow: -2px -2px 8px rgb(255, 255, 255, 1), 
    -2px -2px 12px rgb(255, 255, 255, 0.5), 
    inset -2px -2px 4px rgb(255, 255, 255, 0.1),
    2px 2px 8px rgb(0, 0, 0, 0.15);
  background-color: #f2f3f7;
  border: #f2f3f7;
  overflow: hidden;
  height: 100%; /* Permite que el contenido ocupe todo el espacio disponible */
}

.book-card:hover {
  box-shadow: 
  inset -2px -2px 8px rgb(255, 255, 255, 1), 
  inset -2px -2px 12px rgb(255, 255, 255, 0.5), 
  inset -2px -2px 4px rgb(255, 255, 255, 0.1),
  inset 2px 2px 8px rgb(0, 0, 0, 0.15);
}

.book-image img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* Información del libro */
.book-info {
  display: flex;
  flex-direction: column; /* Alinea el título, autor y el botón de manera vertical */
  padding: 20px;
  flex-grow: 1; /* Hace que el contenedor de la información crezca para ocupar el espacio disponible */
}

.book-title {
  font-size: 18px;
  font-weight: bold;
  color: #364957;
  margin-bottom: 20px;
  flex-shrink: 0; /* Evita que el título se reduzca */
}

.book-author {
  padding: 0px 20px;
  font-size: 14px;
  color: #aaaaaa;
  margin-bottom: 10px;
  flex-shrink: 0; /* Evita que el autor se reduzca */
}

/* Estilo de los botones */
/* Contenedor del botón (Descarga) */
.flexDownload {
  margin-top: auto; /* Empuja el botón hacia el fondo */
  display: flex;
  justify-content: center;
  align-items: center; /* Alinea el botón en el centro */
}

/* Botón de descarga */
.btn-readmore {
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  background-color: #245d77;
  color: #ffffff;
}

.btn-readmore:hover {
  background-color: #0b293e;
}





/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/



/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoConacyt {
  display: grid;
  width: 100%;
  height: 500px;
  background-image: url("/imagen/conacyt/conacyt-edit.jpg");
  background-size: cover;
  background-position: center center;
}


.encabezadoConacyt > h1 {
  font-size: 38px;
  margin-top: 250px;
  justify-content: center;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
}

/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerConacyt{
  width: 80%;
  display: flex;
  justify-content: center;
  margin: 2rem auto;
  padding: 20px;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.containerConacytInfo {
  width: 80%;
  margin: 2rem auto;
  padding: 50px;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

.containerConacytInfo h2 {
  padding-bottom: 40px;
  text-align: center;
  color: #074068;
}


.lineaGris {
  border: 0;
  width: 60%; /* Ajusté el ancho para que la línea se vea más prominente */
  height: 2px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
  border-radius: 20px;
  background: radial-gradient(circle, #c4c5d2 30%, transparent 100%); /* Degradado radial */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}


.tituloConacyt {
  margin-top: 60px;
  font-size: 30px;
  color: #233849;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 30px;
}

.containerConacyt {
  align-items: center;
}

.boxConacyt {
  padding: 0px 50px;
  text-align: start;
}

.boxConacyt > p {
  font-size: 25px;
  color: #233849;
  font-weight: bolder;
  margin-top: 40px;
}


.lineaConacyt {
  border: 0 none;
  width: 80%;
  height: 2px;
  border-radius: 20px;
  background: radial-gradient(circle, #e03c3c 30%, transparent 100%); 
}

.botonConacyt {
  transition: 0.3s;
  color: #ffffff;
  background-color: #3daed1;
  border: #3daed1;
  font-size: 15px;
  font-weight: bolder;
  height: 40px;
  width: 200px;
  border-radius: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  cursor: pointer;
}


.botonConacyt:hover {
  transform: scale(1.05);
  background-color: #4793aa; 
}


.conacyt {
  width: 350px;
}





























/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/*****************************************************QUERY---PARAMS***************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/
/**********************************************************************************************************************************/

/**********************************************LAPTOP MODEL  MIN 861  MAX infinito ************************************************/
@media (min-width: 881px) {


/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/



/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
    header.abajo {
      margin-top: 0;
      height: 120px;
      box-shadow: 0 4px 8px #afb8bd;
    }    

    .subMenu {
        overflow: visible;
        position: fixed; /**absolute***/
        width: 230px;
        z-index: 1000;
        opacity: 0;
        visibility: hidden;   
    }

    .subMenu > li {
        box-shadow: 0px 30px 60px #364957;
    }
    

/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

    .boxSectionUno {
        width: 30%;
        margin: 80px;
        padding: 0px 20px 20px 20px;
        text-align: center;

    }

    
    .boxSectionDos {
      width: 50%;
      padding: 20px 100px 0px 100px;
      text-align: center;

  }


/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/


.imgLinea {
    margin: 50px;
  }



/*******************************************************LOGOS POSGRADOS************************************************************/

.boxContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.boxImage {
    width: 90%;
    margin-top: 10px;
  }


/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/



/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.acordeon-item-head-alumnos::after {
  content: "\2335"; /*23F7*/
  transition: 0.3s;
}

}











/*************************************************TABLET MODEL  MIN 450  MAX 880 **************************************************/
@media (min-width: 450px) and (max-width:880px) {


/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/  



/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/



/*****************************************************MENU HAMBURGUESA*************************************************************/

.hamburger {
    display: block;
}


/********************************************************LOGO HOVER****************************************************************/

.logoDGES {
    display: flex;
    width: 100px;
    height: auto;
    transition: 0.4s;
}

.logoDGES:hover {
    width: 100px;
    display: flex;
    transform: scale(0.9);
} 
    
.logoUDG {
    display: none;
}


/********************************************************MENU NAV****************************************************************/


header {
    position: relative;
    margin-top: 0%;
}    


    
/***********************************************UL ESTILOS Y SOCIAL HEADER MUESTRA************************************************/
    
.menu {
    flex-direction: column;
    position: absolute; 
    top: 140px;
    text-align: center;
    background-color: #c2d3def8;
    width: 100%;
    transition: 1.4s;
    right: 100%;
    /***se agrega para el modo active right: 0%***/
}
  

.menu.active {
  right: 0%;
  /***se agrega para el modo active right: 100%***/ 
}

.aMenu {
    margin: 8px;  
}

.subMenu {
    overflow: hidden;
    /*position: fixed; /**absolute***/
    /*visibility: hidden;*/
    display: flex;
    justify-content: center;
}

    
.subMenu > li {
    border-radius: 5px; 
    margin: 3px;
    width: 60%;
}

.subMenu > li > a {
    color: #929ea8
}

.socialHeader {
    display: flex;
    flex-direction: row;
    padding: 30px;
    justify-content: center;
}


.socialHeader > a {
    list-style: none;
    text-decoration: none;
    align-items: center;
    font-size: 18px;
    margin: 0px 20px;
    color: #4e7a9a;
}

    
    
/**********************************************************HOVER LISTAS**********************************************************/
    
.listaMenu .aMenu::before {
    content: "";
    position: none;
    left: 0%;
    bottom: 0px;
    width: 0%;
    border-top: none;
    border-bottom: 3px solid rgb(243, 243, 243);
    opacity: 0;
    transition: .3s;
}


.listaMenu .aMenu:hover:before {
    transform: scaleY(.8);
    opacity: 1;
    visibility: visible;
}

    
    
/***debemos corregir por que la linea del hover cuando se preciona el boton se mueve hacia abajo***/

    
/*********************************************************HOVER SUBMENU**********************************************************/
    
    
.subMenu > li:hover {
    background-color:#4e7a9a;
    transition: .9s ease;
    border-radius: 5px;
}
    
.subMenu > li > a:hover {
    color: #ffffff;
    transition: .3s;
}


/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/


.pruebaGato {
    display: grid;
    width: 100%;
    height: 700px;
    background-image: url("/imagen/aspirantes-edit.jpg");
    background-size: cover;
    background-position: center center;
    
}

.encabezado {
    margin-top: 170px;
}

h1 {  
    font-size: 52px;
}


h2 {
    font-size: 30px;
}

.buttonPlanEstudios {
  font-size: 14px;
  width: 180px;
}

.lineaEncabezado {
  height: 3px;
  border-radius: 10px;
  width: 60px;
  margin-bottom: 140px;
}





/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.containerUno {
    flex-wrap: wrap;
    font-size: 14px;
  }
  
  .boxSectionUno {
    text-align: center;
    width: 80%;
    padding-top: 40px;
    margin-right: auto;
    margin-left: auto; 
  }

  .boxSectionUno > img {
    width: 135px;
  }
  
  .tituloSec {
    font-size: 20px;
    margin: 20px;
  }
  
  .psection {
    text-align: center;
  }

  

/********************************************************OBJETIVOS*****************************************************************/


.pObjective {
    padding: 20px;
  }

h6 {
    font-size: 24px;
    margin-bottom: 30px;
  }  


/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/


.imgLinea {
    width: 170px;
    margin: 40px;
    transition: 0.3s;
   }

.imgLinea:hover {
  transform: scale(1.10);
  opacity: 60%;
}




  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/


  .contactContainer {
    flex-wrap: wrap;
    padding: 10px;
    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 120px;
  }

  .contactBox {
    padding: 50px;
  }

  .textContact {
    height: 35px;
  }

  .mensajeContact {
    height: 75px;
  }  

  .contactInfoBox {
    font-size: 18px;
  }

  .textoContacto {
    margin: 30px;
  }

  .titleContact {
    font-size: 28px;
    text-align: center;
  }




/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/


.imgPAsociaciones {
  width: 130px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px;;
}



/*******************************************************LOGOS POSGRADOS************************************************************/

.boxContainer  {
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
  .boxImage {
    width: 400px;
    transition: 0.3s;
    transform: scale(1.0);
  }
  
  .boxImage:hover {
    transform: scale(1.10);
    opacity: 60%;
  }



/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/


.footerContainer {
  flex-wrap: wrap;
  padding: 10px;
}


.boxFooter {
  text-align: center;
}


.fa-footer {
  font-size: 16px;
}  

.derechos {
  display: flex;
  justify-content: center;
  font-weight: 450;
}

.derechos a {
  color: rgb(137, 192, 192);
  text-decoration: none;
}


.rakun:hover {
  opacity: 0.8;
  color: rgba(21,67,100,1);
}






/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/



/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/





.encabezadoPrograma {
  height: 400px;
}


.encabezadoPrograma > h1 {
  font-size: 28px;
  margin-top: 125px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/



.containerPrograma {
  margin: 80px;
  display: flex;
  flex-flow: row wrap;
  font-size: 15px;
  line-height: 2rem;
  align-items: center;
  justify-content: center;

}



.boxSectionPrograma {
  width: 100%;
  padding: 40px 0px;
  text-align: center;
}



.containerPrograma {
  font-size: 14px;
  padding: 0px;
}




/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/











IMPORTANTE ANEXAR EL FORMATO DE IMAGEN COMPATIBLE CON LA VISTA








/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.encabezadoPlanEstudios {
  height: 400px;
}


.encabezadoPlanEstudios > h1 {
  font-size: 28px;
  margin-top: 125px;
}


.acordeon {
  margin-top: 180px;

}

.acordeon-item {
  background-color: #4e7a9a;
  color: #ffffff;
}


.acordeon-item-head > p {
  font-size: 20px;
}


.acordeon-item-head {
  font-size: 50px;
}


.activo, .acordeon-item:hover {
  background: #c0d6e6;
  color: #4e7a9a; 
}


.acordeon-item-body-content {
  font-size: 14px;
}

.acordeon-item-head::after {
  content: "\1F892"; 
  transition: 0.3s;
}

.acordeon-item-head.activo::after {
  rotate: 90deg;
  transition: 0.3s;
}



/**********************************************************ASPIRANTE***************************************************************/


.formAspirante {
  margin: 80px;
}

.formAspirante > p {
  font-size: 20px;
  line-height: 30px;
}

.buttonAspirante {
  font-size: 16px;
  width: 260px;
}



/**********************************************************VINCULACION*************************************************************/
/**********************************************************VINCULACION*************************************************************/
/**********************************************************VINCULACION*************************************************************/

.vinculacion {
  margin-top: 50px;
  padding: 25px;
}



/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/


.titleLineaGeneración {
  font-size: 28px;
}


.tab-container {
  font-size: 14px;
  line-height: 22px;
}


.isoCUCEA {
  font-size: 14px;
}


.cajaBotonCalidad {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 120px;
}

.cajaBotonCalidad > a {
  text-decoration: none;
}


.buttonManualCalidad {
  padding: 15px;
  width: 85%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65px;
  margin: 2rem auto;
}



/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/



.encabezadoDirectorio {
  height: 400px;
}


.encabezadoDirectorio > h1 {
  font-size: 28px;
  margin-top: 125px;
}


.lineaDirectorio {
  width: 400px;
}

.encabezadoDirectorio > p {
  font-size: 24px;
  margin-bottom: 130px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.containerDirectorio {
  margin: 40px 0px;
}

.containerDirectorio > div {
  margin: 30px 0px;
  display: flex;
  flex-direction: column;
}

.parrafoDirectorio {
  padding: 0px 0px;
}

.parrafoDirectorio > p {
  padding: 5px 0px;
  text-align: center;
  font-size: 14px;
}

.parrafoDirectorio > p > a {
  text-align: center;
}


/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/
/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/
/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/

.infoDirectorio {
  height: 250px;
}


.infoDirectorio > p {
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 30px;
  margin: 0px 40px;
}

.directorios > a {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 20px;
}

.buttonDirectorio {
  font-size: 16px;
  width: 260px;
}


.directorios > a {
  margin: 10px 40px;
}


.buttonDirectorio {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  width: 260px;
}









/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/

/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/



.encabezadoAspirantes {
  height: 400px;
}


.encabezadoAspirantes > h1 {
  font-size: 28px;
  margin-top: 125px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerAspirantes {
  flex-wrap: wrap;
  font-size: 14px;
}

.boxSectionAspirantes {
  text-align: center;
  width: 80%;
  padding-top: 50px;
  margin-right: auto;
  margin-left: auto; 
}


.tituloPerfil {
  margin-top: 20px;
  font-size: 28px;
}


.pPerfil {
  margin-top: 60px;
  text-align: justify;
}


.liPerfil {
  padding: 20px;
}


/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/



.tituloPerfilIngreso {
  margin-top: 30px;
  font-size: 28px;
  margin-bottom: 30px;
}

.procesoIngreso {
  font-size: 14px;
}

/*********************************************************FORMULARIO***************************************************************/
/*********************************************************FORMULARIO***************************************************************/
/*********************************************************FORMULARIO***************************************************************/

.formContainer {
  flex-wrap: wrap;
  padding: 10px;
  font-size: 14px;
}

.costoForm {
  padding: 10px;
}


.titleForm {
  font-size: 24px;
  text-align: center;
}


/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/


.costoContainer {
  flex-wrap: wrap;
  padding: 40px;
  font-size: 14px;
}

.costoBox {
  line-height: 20px; /***interlineado***/
  padding: 20px;
  margin-top: 30px;
}

.titleCosto {
  font-size: 24px;
  text-align: center;
}



/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/
/*_________________________________________________________JUNTA ACADEMICA________________________________________________________*/

/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/

.encabezadoJuntaAcademica {
  height: 400px;
}

.encabezadoJuntaAcademica > h1 {
  font-size: 28px;
  margin-top: 125px;
}



/*****************************************************PRIMERA SECCION**************************************************************/
/* ****************************************************PRIMERA SECCION*************************************************************/

 
.juntaFlex {
  padding: 30px;
}

.drJuntaFlex {
  margin-bottom: 3%; /**/
  display: flex;
  flex-flow: column nowrap;
  align-items:center;
  width: 100%;
  height: 300px; /*defini un alto para poder controlar un poco mas la caja*/
}

.drJuntaFlex img {
  width: 130px;
  border-radius: 10%;
}

.juntaFlex span {
  color: #ffffff;
  border-radius: 20px;
  padding: 2px;
}

.infoJunta {
  width: 80%;
}




/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/


.containerNucleoAcademico {
  margin: 40px 0px;
}

.containerNucleoAcademico > div {
  padding: 20px 90px;
  margin: 30px 0px;
  display: flex;
  flex-direction: column;
}

.parrafoNucleo {
  padding: 20px 0px;
}

.parrafoNucleo > p {
  padding: 5px 0px;
  text-align: center;
  font-size: 14px;
}

.parrafoNucleo > a {
  text-align: center;
}



/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/





/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoAlumnos {
  height: 400px;
}


.encabezadoAlumnos > h1 {
  font-size: 28px;
  margin-top: 125px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.acordeon-alumnos {
  margin-top: 180px;
}


.acordeon-item-alumnos {
  margin: 20px 10px;
}



.acordeon-item-head-alumnos {
  padding: 20px;
  font-size: 20px;
}


.acordeon-item-body-content-alumnos {
  padding: 30px 30px 30px;
  border-top: 4px solid #ffffff;
}

.acordeon-item-body-content-alumnos > p {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 15px;
  letter-spacing: 0px;
}

.titleLineaTesis {
  width: 60%;
  font-size: 15px;
}


.acordeon-item-head-alumnos::after {
  content: "\2335"; /*23F7*/
  transition: 0.3s;
}

.acordeon-item-head-alumnos.activoAlumno::after {
  rotate: 180deg;
  transition: 0.3s;
}





/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerConacyt{
  flex-wrap: wrap;
  margin-top: 60px;
}


.tituloConacyt {
  margin-top: 30px;
  font-size: 34px;
  margin-bottom: 30px;
}

.containerConacyt {
  align-items: center;
}

.boxConacyt {
  padding: 0px 30px;
  text-align: center;
}

.boxConacyt > p {
  font-size: 25px;
}

.lineaConacyt {
  width: 90%;
  margin: 10px auto;
}

.botonDescargaConacyt {
  font-size: 16px;
  height: 40px;
  width: 210px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.conacyt {
  width: 300px;
  margin-bottom: 40px;
}


}

















/****************************************************CEL MODEL  MIN 0  MAX 451 ****************************************************/
 @media (max-width:451px) {


/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/
/*_____________________________________________________HTML PRINCIPAL_____________________________________________________________*/



/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/
/**********************************************************HEADER******************************************************************/



/*****************************************************MENU HAMBURGUESA*************************************************************/

.hamburger {
    display: block;
}   

.hamburger.active .layer:nth-child(2){
    opacity: 0;
}

.hamburger.active .layer:nth-child(1){
    transform: translateY(8px) rotate(45deg);
}

.hamburger.active .layer:nth-child(3){
    transform: translateY(-8px) rotate(-45deg);
}

.layer {
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #364957;
    border-radius: 5px;
}


/********************************************************LOGO HOVER****************************************************************/


.logoDGES {
    display: flex;
    width: 120px;
    height: auto;
}

.logoDGES:hover {
    width: 120px;
    display: flex;
    transform: scale(0.9);
} 
    
.logoUDG {
    display: none;
}


/********************************************************MENU NAV****************************************************************/


header {
    position: relative;
     margin-top: 0%;
  
}


  
/***********************************************UL ESTILOS Y SOCIAL HEADER MUESTRA************************************************/
    
.menu {
    flex-direction: column;
    position: absolute;
    top: 140px;
    text-align: center;
    background-color: #c2d3def8;
    width: 100%;
    transition: 1.6s;
    right: 100%; /***se agrega para el modo active***/
}
    
.menu.active {
    right: 0%;  /***se agrega para el modo active***/
}

.aMenu {
    margin: 4px;  
    font-size: 11px;
    font-weight: bolder;
}

.subMenu {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

    
.subMenu > li {
    border-radius: 5px; 
    margin: 3px;
    width: 80%;
}

.subMenu > li > a {
    color: #929ea8;
    font-size: 11px;
    font-weight: bolder;
}

.socialHeader {
    display: flex;
    flex-direction: row;
    padding: 30px;
    justify-content: center;
}


.socialHeader > a {
    list-style: none;
    text-decoration: none;
    align-items: center;
    font-size: 18px;
    margin: 0px 20px;
    color: #4e7a9a;
}



/**********************************************************HOVER LISTAS**********************************************************/
    
.listaMenu .aMenu::before {
    content: "";
    position: none;
    left: 0%;
    bottom: 0px;
    width: 0%;
    border-top: none;
    border-bottom: 3px solid rgb(243, 243, 243);
    opacity: 0;
    transition: .3s;
}
   
    
.listaMenu .aMenu:hover:before {
    transform: scaleY(.8);
    opacity: 1;
    visibility: visible;
}

/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/
/***************************************************VIDEO Y ENCABEZADO*************************************************************/


.pruebaGato {
    display: grid;
    width: 100%;
    height: 550px;
    background-image: url("/imagen/aspirantes-edit.jpg");
    background-size: cover;
    background-position: none center;

}

.encabezado {
    margin-top: 20%;
    margin-left: 15%;
}


h1 {
    font-size: 40px;
}


h2 {
    font-size: 28px;
}


.encabezado > li {
    border-radius: 40px;  
    list-style: none;
    text-align: center;
    padding: 1em;
    width: 180px;
    background-color: #71b8ca;
    margin-top: 15px;
}


li > a { 
    text-decoration: none;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #ffffff;
}

.buttonPlanEstudios {
  font-size: 14px;
  width: 180px;
}


.lineaEncabezado {
  height: 3px;
  border-radius: 10px;
  width: 40px;
  margin-bottom: 160px;
}




/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.containerUno {
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 20px;
  }
  
  .boxSectionUno {
    text-align: center;
    width: 80%;
    padding-top: 40px;
    margin-right: auto;
    margin-left: auto; 
  }

  .boxSectionUno > img {
    width: 115px;
  }
  
  .tituloSec {
    font-size: 18px;
    margin: 15px;
  }
  
  .psection {
    text-align: center;
  
  }


/*******************************************************CONVOCATORIA***************************************************************/
/*******************************************************CONVOCATORIA***************************************************************/
/*******************************************************CONVOCATORIA***************************************************************/


  
.img-full img {
  width: 100%;
}



/********************************************************OBJETIVOS*****************************************************************/

.pObjective {
    padding: 10px;
  }

h6 {
    font-size: 22px;
    margin-bottom: 30px;
  }


/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/
/*******************************************************ASOCIACIONES***************************************************************/


.imgLinea {
    width: 140px;
    margin: 30px;
    transition: 0.3s;
}



  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/
  /********************************************************CONTACTANOS***************************************************************/


  .contactContainer {
    flex-wrap: wrap;
    padding: 10px;
    font-size: 13px;
  }

  .contactBox {
    padding: 40px;
    font-size: 16px;
  }

  .textContact {
    height: 25px;
    font-size: 16px;
  }

  .mensajeContact {
    height: 125px;
    font-size: 16px;
  }  

  .contactInfoBox {
    font-size: 16px;
  }

  .textoContacto {
    margin: 30px;
  }

  .titleContact {
    font-size: 24px;
    text-align: center;
  }



/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/
/***************************************************PEQUEÑAS ASOCIACIONES**********************************************************/


.imgPAsociaciones {
  width: 130px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0 20px;;
}




/*******************************************************LOGOS POSGRADOS************************************************************/

.boxContainer  {
  flex-wrap: wrap;
  margin-top: 100px;
}

.boxImage {
  width: 250px;
  margin-top: 20px;
}



/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/
/***********************************************************FOOTER*****************************************************************/


.footerContainer {
  flex-wrap: wrap;
  padding: 10px;
  font-size: 12px;
}


.boxFooter {
  text-align: center;
}


.fa-footer {
  font-size: 16px;
}

.derechos {
  display: flex;
  justify-content: center;
  font-weight: 450px;
}

.derechos a {
  color: rgb(137, 192, 192);
  text-decoration: none;
}


.rakun:hover {
  opacity: 0.8;
  color: rgba(21,67,100,1);
}

.derechos {
  font-size: 13px;

}






/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/
/*_______________________________________________PRESENTACIÓN DEL PROGRAMA________________________________________________________*/



/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoPrograma {
  height: 400px;
}


.encabezadoPrograma > h1 {
  font-size: 22px;
  margin-top: 125px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.containerPrograma {
  font-size: 13px;
  padding: 30px;
}



.boxSectionPrograma {
  width: 80%;
  margin-top: 60px;

}



/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/
/*______________________________________________________PLAN DE ESTUDIOS__________________________________________________________*/

/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.encabezadoPlanEstudios {
  height: 400px;
}


.encabezadoPlanEstudios > h1 {
  font-size: 22px;
  margin-top: 125px;
}


/**********************************************************ASPIRANTE***************************************************************/


.formAspirante {
  margin: 60px;
}

.formAspirante > p {
  font-size: 20px;
  line-height: 30px;
}

.buttonAspirante {
  font-size: 14px;
  width: 240px;
}


/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/
/**************************************************LINEA GENERACIÓN Y CALIDAD******************************************************/

.titleLineaGeneración {
  font-size: 24px;
}


.tab-container {
  font-size: 13px;
  line-height: 20px;
}


.isoCUCEA {
  font-size: 13px;
  line-height: 20px;
}


.cajaBotonCalidad {
  line-height: 20px;
}

.cajaBotonCalidad > a {
  text-decoration: none;
}


.buttonManualCalidad {
  padding: 15px;
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  font-size: 14px;
  margin: 2rem auto;
  margin-bottom: 0;
}


/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/
/*__________________________________________________________DIRECTORIO____________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/



.encabezadoDirectorio {
  height: 400px;
}


.encabezadoDirectorio > h1 {
  font-size: 22px;
  margin-top: 125px;
}


.lineaDirectorio {
  width: 300px;
}

.encabezadoDirectorio > p {
  font-size: 20px;
  margin-bottom: 100px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.containerDirectorio {
  margin: 40px 0px;
}

.containerDirectorio > div {
  margin: 30px 0px;
  display: flex;
  flex-direction: column;
}

.parrafoDirectorio {
  padding: 0px 0px;
}

.parrafoDirectorio > p {
  padding: 5px 0px;
  text-align: center;
  font-size: 13px;
}

.parrafoDirectorio > p > a {
  text-align: center;
}


/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/
/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/
/************************************************CONTACTOS POSGRADOS Y CUCEA*******************************************************/



.infoDirectorio {
  height: 250px;
}


.infoDirectorio > p {
  font-size: 18px;
  line-height: 30px;
  padding-bottom: 30px;
  margin: 0px 40px;
}

.directorios > a {
  display: flex;
  flex-wrap: wrap;
  margin: 0px 20px;
}

.buttonDirectorio {
  font-size: 15px;
  width: 240px;
}


.directorios > a {
  margin: 10px 30px;
}


.buttonDirectorio {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  width: 260px;
}






/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/
/*__________________________________________________________ASPIRANTES____________________________________________________________*/

/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoAspirantes {
  height: 400px;
}


.encabezadoAspirantes > h1 {
  font-size: 22px;
  margin-top: 125px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerAspirantes {
  flex-wrap: wrap;
  font-size: 13px;
  line-height: 20px;
}

.boxSectionAspirantes {
  text-align: center;
  width: 80%;
  padding-top: 40px;
  margin-right: auto;
  margin-left: auto; 
}


.tituloPerfil {
  margin-top: 20px;
  font-size: 24px;
}


.pPerfil {
  margin-top: 40px;
  text-align: justify;
}


.liPerfil {
  padding: 20px;
}


/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/
/***************************************************PROCESO DE INGRESO*************************************************************/



.tituloPerfilIngreso {
  margin-top: 20px;
  font-size: 24px;
  margin-bottom: 30px;
}

.procesoIngreso {
  font-size: 13px;
}



/*********************************************************FORMULARIO***************************************************************/
/*********************************************************FORMULARIO***************************************************************/
/*********************************************************FORMULARIO***************************************************************/

.formContainer {
  flex-wrap: wrap;
  font-size: 13px;
  padding: 40px;
}

  
.boxForm {
  line-height: 20px; /***interlineado***/
  padding: 10px;
}

.titleForm {
  font-size: 24px;
  text-align: center;
}

.boxFormButton a {
  width: 40px;
 }

 .fa-form {
  font-size: 16px;
  }


/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/
/***********************************************************COSTOS*****************************************************************/


.costoContainer {
  flex-wrap: wrap;
  padding: 40px;
  font-size: 13px;
  width: 80%;
}

.costoBox {
  line-height: 20px; /***interlineado***/
  padding: 10px;
}

.titleCosto {
  font-size: 24px;
  text-align: center;
}


/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/
/*________________________________________________________NUCLEO ACADEMICO________________________________________________________*/


.containerNucleoAcademico {
  margin: 40px 0px;
}

.containerNucleoAcademico > div {
  padding: 20px 80px;
  margin: 0px 0px;
  display: flex;
  flex-direction: column;
}

.containerNucleoAcademico > div > img {
  width: 150px;
  border-radius: 20px;
}

.parrafoNucleo {
  padding: 20px 0px;
}

.parrafoNucleo > p {
  padding: 5px 0px;
  text-align: center;
  font-size: 13px;
}

.parrafoNucleo > a {
  text-align: center;
}



/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/
/*_____________________________________________________________ALUMNOS____________________________________________________________*/


/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/
/********************************************************ENCABEZADO****************************************************************/


.encabezadoAlumnos {
  height: 400px;
}


.encabezadoAlumnos > h1 {
  font-size: 22px;
  margin-top: 125px;
}


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/


.acordeon-alumnos {
  margin-top: 140px;
}


.acordeon-item-alumnos {
  margin: 20px 10px;
}



.acordeon-item-head-alumnos {
  padding: 10px;
  font-size: 16px;
}


.acordeon-item-body-content-alumnos {
  padding: 30px 30px 30px;
  border-top: 4px solid #ffffff;
}

.acordeon-item-body-content-alumnos > p {
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0px;
}

.titleLineaTesis {
  width: 60%;
  font-size: 14px;
}


.acordeon-item-head-alumnos::after {
  content: "\2335";
  transition: 0.3s;
}

.acordeon-item-head-alumnos.activoAlumno::after {
  rotate: 180deg;
  transition: 0.3s;
}




/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/
/*______________________________________________________ACERCA DEL CONACYT_________________________________________________________*/


/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/
/*****************************************************PRIMERA SECCION**************************************************************/

.containerConacyt{
  flex-wrap: wrap;
  margin-top: 50px;
  font-size: 13px;
  line-height: 20px;
}

.tituloConacyt {
  margin-top: 20px;
  font-size: 22px;
  margin-bottom: 20px;
}

.containerConacyt {
  align-items: center;
}

.boxConacyt {
  padding: 0px 30px;
  text-align: center;
}

.boxConacyt > p {
  font-size: 20px;
}

.lineaConacyt {
  width: 90%;
  margin: 10px auto;
}

.botonDescargaConacyt {
  font-size: 15px;
  height: 40px;
  width: 210px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.conacyt {
  width: 170px;
  margin-bottom: 30px;
}
  
}