/* _______________________________ VARIABLES _______________________________ */

:root {
  --color-bl: #FFF;
  --color-ne: #000;
  --color-grc: #CFCEC2;
  --color-gro: #979797;
  --color-azo: #273570;
  --color-azc: #2E8FB6;
  --color-azv: #00085C;

  --font-titillium: "Titillium Web", sans-serif;

  --font-w-200 : 200;
  --font-w-300 : 300;
  --font-w-400 : 400;
  --font-w-600 : 600;
  --font-w-700 : 700;
  --font-w-900 : 900;
}

/* _______________________________ VARIABLES _______________________________ */

/* _______________________________ GENERALES _______________________________ */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
}
body, main{
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
a{ text-decoration: none !important; }
.no_padd{ padding: 0; }
.padd_1{ padding: 1em; }
.padd_5{ padding: 5em; }

.font1 { font-family: "Bitter", serif; }

.fw_n{ font-weight: normal; }
.fw_l{ font-weight: lighter; }
.fw_b{ font-weight: bold; }

.fw_100{ font-weight: 100; }


.img_10{ width: 100%; }
.img_9{ width: 90%; }
.img_8{ width: 80%; }
.img_7{ width: 70%; }
.img_6{ width: 60%; }
.img_5{ width: 49.5%; }

.imgColores{
  width: auto;
  height: .7em;
}

.subtitu_az{
  font-family: var(--font-titillium);
  font-size: 3em;
  font-weight: var(--font-w-400);
  color: var(--color-azv);
}
.subtitu_bl{
  font-family: var(--font-titillium);
  font-size: 3em;
  font-weight: var(--font-w-400);
  color: var(--color-bl);
}
.cuad_subti{
  font-size: .5em;
}

/* _______________________________ GENERALES _______________________________ */


/* _______________________________ HEADER _______________________________ */

.redes_top{
  width: auto;
  height: 1.4em;
  margin-left: 1em;
}
.redes_input_top{
  background-color: var(--color-gro);
  border-radius: 7px;
  border: 1px #666 solid;
  color: var(--color-bl);
  padding: .3em;
  font-size: .7em;
}
.txtbuscadortop{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-700);
  font-size: .7em;
}
.backNavprin{
  background-color: rgba(0, 8, 92, .7) !important;
  backdrop-filter: blur(10px);
  padding-top: 1em;
  transition: all .5s;
  margin-top: 0;
}
.backNavprin_rem{
  backdrop-filter: blur(0px);
  background-color: transparent !important;
  transition: all .5s;
  margin-top: 3em;
}
.navUnoLogo{
  width: auto;
  height: 4em;
  transition: all .5s;
}
.navUnoLogo_b{
  width: auto;
  height: 6em;
  transition: all .5s;
}
.btn_menu_prin_1{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-300);
  font-size: .9em;
  color: var(--color-bl);
  margin-left: 1em;
  line-height: 1;
  transition: all .5s;
}
.btn_menu_prin_1:hover{
  font-weight: var(--font-w-700);
  color: var(--color-bl) !important;
}
.btn_menu_prin_1:before{
  font-weight: var(--font-w-700);
  color: var(--color-bl) !important;
}
.btn_menu_prin_1:visited{
  font-weight: var(--font-w-700) !important;
  color: var(--color-bl) !important;
}
.bac_drop_men_prin{
  background-color: rgba(0, 8, 92, .7) !important;
  backdrop-filter: blur(10px);
}
.btn_menu_prin_2{
  background-color: transparent;
  font-family: var(--font-titillium);
  font-weight: var(--font-w-300);
  font-size: .9em;
  color: var(--color-bl);
  line-height: 1;
  transition: all .5s;
}
.btn_menu_prin_2:hover{
  background-color: transparent !important;
  font-weight: var(--font-w-700);
  color: var(--color-bl) !important;
}
.txt_menu_prin_2{
  background-color: transparent;
  font-family: var(--font-titillium);
  font-weight: var(--font-w-700);
  font-size: .9em;
  margin-left: 1em;
  color: var(--color-bl);
  line-height: 1;
}
.bacPort{
  background-image: url('../img/port.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 80vh;
}
.bacPortCont{
  height: 80vh;
}
.logo_h_i{
  width: auto;
  height: 6em;
}
.cont_text_port{
  background-color: var(--color-azv);
  width: 40%;
  position: absolute;
  bottom: 8em;
  left: 0;
  padding: 2em;
}
.cont_text_port p{
  font-family: serif;
  font-size: 1.2em;
  color: var(--color-bl);
}
/* _______________________________ HEADER _______________________________ */


/* _______________________________ ONE PAGE _______________________________ */

.cont_slide_port{
  margin-top: -10em;
  margin-bottom: 10em;
}
#slide_port .owl-nav{
  text-align: right;
}
#slide_port .owl-nav .owl-prev{
  background-color: transparent;
  border: solid 2px var(--color-bl);
  border-radius: 10em;
  color: var(--color-bl);
  font-size: 1.5em;
  padding: .3em .7em !important;
  margin-bottom: .5em;
}
#slide_port .owl-nav .owl-next{
  background-color: transparent;
  border: solid 2px var(--color-bl);
  border-radius: 10em;
  color: var(--color-bl);
  font-size: 1.5em;
  padding: .3em .7em !important;
  margin-bottom: .5em;
  margin-left: 1em;
}

.bacBann{
  height: 60vh;
  background-image: url('../img/banner_02.jpg');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.ccont_text_bann{
  width: 30%;
}
.cont_text_bann{
  background-color: var(--color-azv);
  width: 100%;
  padding: 2em;
}
.cont_text_bann p{
  font-family: var(--font-titillium);
  font-size: 1.3em;
  color: var(--color-bl);
}



.bacDoce{
  background-color: #EBEBEB;
}

.back_acc_gro h2 button{
  background-color: #D5D5D5 !important;
  font-family: var(--font-titillium);
  font-weight: var(--font-w-400);
  font-size: 1em;
  color: var(--color-azo);
}
.back_acc_gro h2 button:active{
  background-color: #D5D5D5 !important;
}
.back_acc_gro h2 button:focus{
  background-color: #D5D5D5 !important;
}
.back_acc_gro h2 button:visited{
  background-color: #D5D5D5 !important;
}
.back_acc_grc{
  background-color: #E2E2E2;
}
.btn_ac_do{
  border-bottom: solid 1px var(--color-azo);
  padding: .5em 0;
}
.btn_ac_do a{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-400);
  font-size: 1.2em;
  color: var(--color-azo);
  transition: all .5s;
}
.btn_ac_do a:hover{
  font-weight: var(--font-w-600);
}


.cont_list_rep{
  height: 40vh;
  overflow-y: scroll;
}
.cont_vid{
  display: none;
}
.cont_vid_act{
  display: block;
}
.btn_sel_vid{
  background-color: transparent;
  border: transparent;
  border-left: 5px solid transparent;
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
  text-align: left;
  padding: 1em .5em;
  transition: all .5s;
}
.btn_sel_vid:hover{
  border-left: 5px solid var(--color-azo);
}
.btn_sel_vid_act{
  border-left: 5px solid var(--color-azo);
  pointer-events: none;
}
.itemVideoList{
  width: 100%;
  height: 60vh;
}


#slide_noti .owl-prev {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 40%;
    left: -30px;
    display: block !important;
    border: 0px solid black;
}

#slide_noti .owl-next {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 40%;
    right: -30px;
    display: block !important;
    border:0px solid black;
}
#slide_noti .owl-prev span, #slide_noti .owl-next span {font-size: 3em; color: #ccc;}


.back_not_foot{
  background-color: var(--color-bl);
  border-bottom: solid 4px var(--color-grc);
}
.titu_not_foot{
  font-family: var(--font-titillium);
  font-size: 1.2em;
  font-weight: var(--font-w-400);
  color: var(--color-azo);
  margin: 0;
}
.txt_not_foot{
  font-family: var(--font-titillium);
  font-size: 1em;
  font-weight: var(--font-w-400);
  color: var(--color-ne);
  margin: 0;
}
.btn_not_foot{
  font-family: var(--font-titillium);
  font-size: 1.2em;
  font-weight: var(--font-w-400);
  color: var(--color-azo);
  padding-left: 0;
  margin: 0;
  transition: all .5s;
}
.btn_not_foot:hover{
  padding-left: .5em;
}
/* _______________________________ ONE PAGE _______________________________ */



/* _______________________________ FOOTER _______________________________ */

.bacFoot{
  background-color: var(--color-azv);
}
.redes_input_foot{
  width: 30em;
  background-color: #455296;
  border-radius: 7px;
  border: 1px #FFF solid;
  color: var(--color-bl);
  padding: .3em;
  font-size: 1em;
  margin-left: 2em;
}
.txt_buscador_foot{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-700);
  font-size: .7em;
  color: var(--color-bl);
}
.btn_mail_foot{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-bl);
  margin-left: 1em;
  transition: all .5s;
}
.btn_mail_foot:hover{
  color: var(--color-grc);
}

.bacFoot2{
  background-color: var(--color-azo);
}
.res_men_foot{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-700);
  font-size: .7em;
  color: var(--color-bl);
  margin: 0;
  line-height: 1;
}
.link_men_foot{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-400);
  font-size: .7em;
  color: var(--color-bl);
  transition: all .5s;
}
.link_men_foot:hover{
  color: var(--color-grc);
}
.linea_foot{
  border-bottom: 1px solid var(--color-bl);
}
.txt_men_foot{
  font-family: var(--font-titillium);
  font-weight: var(--font-w-400);
  font-size: .7em;
  color: var(--color-bl);
}

/* _______________________________ FOOTER _______________________________ */




/* _______________________________ MISIÓN Y VISIÓN _______________________________ */

.bacPortMV{
  background-image: url('../img/mision_vision/Encabezado_Mision.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
.bacPortMVCont{
  height: 40vh;
}

.pbord_l{
  width: 60%;
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
  border-left: var(--color-azo) 6px solid;
  padding-left: 1em;
}

.backGRc{
  background-color: var(--color-grc);
}
.tituMV_az{
  font-family: var(--font-titillium);
  font-size: 3em;
  color: var(--color-azo);
}
.pMV_az{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
}
.backAZc{
  background-color: var(--color-azc);
}
.tituMV_bl{
  font-family: var(--font-titillium);
  font-size: 3em;
  color: var(--color-bl);
}
.pMV_bl{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-bl);
}

/* _______________________________ MISIÓN Y VISIÓN _______________________________ */



/* _______________________________ DIRECTORIO INSTITUCIONAL _______________________________ */

.bacPortDI{
  background-image: url('../img/directorio_institucional/Encabezado_Directorio.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
.bacPortDICont{
  height: 40vh;
}

.list_directorio{
  list-style: square;
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
}
.list_directorio li{
  border-bottom: solid 1px var(--color-azo);
  margin-bottom: .5em;
  padding: .5em;
}
.marg_esp_directorio{
  margin-left: -4em;
}
.img_10_dir{
  width: 100%;
}

/* _______________________________ DIRECTORIO INSTITUCIONAL _______________________________ */



/* _______________________________ PROYECTOS DE INVESTIGACIÓN _______________________________ */

.bacPortPI{
  background-image: url('../img/proyectos_investigacion/Encabezado_Proyectos.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
.bacPortPICont{
  height: 40vh;
}

.backPI_azo{
  background-color: var(--color-azo);
}
.backPI_grc{
  background-color: var(--color-grc);
}
.backPI_azc{
  background-color: var(--color-azc);
}

.rec_ico_grc{
  background-color: var(--color-grc);
  width: 5em;
  padding: .5em;
  margin-top: -3.5em;
  margin-bottom: 1.5em;
}
.rec_ico_azo{
  background-color: var(--color-azo);
  width: 5em;
  padding: .5em;
  margin-top: -3.5em;
  margin-bottom: 1.5em;
}
.rec_ico_azc{
  background-color: var(--color-azc);
  width: 5em;
  padding: .5em;
  margin-top: -3.5em;
  margin-bottom: 1.5em;
}

.txt_proy_bl{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-bl);
}
.txt_proy_azo{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
}

/* _______________________________ PROYECTOS DE INVESTIGACIÓN _______________________________ */



/* _______________________________ PUBLICACIONES _______________________________ */

.bacPortPub{
  background-image: url('../img/publicaciones/Encabezado_Publicaciones.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
.p_subtiP{
  font-family: var(--font-titillium);
  font-size: 1.2em;
  font-weight: var(--font-w-700);
  color: var(--color-azo);
}
.p_genP{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
}
.border_rb{
  border-right: 1px solid var(--color-grc);
  border-bottom: 1px solid var(--color-grc);
}
.border_b{
  border-bottom: 1px solid var(--color-grc);
}
.border_rbf{
  border-right: 1px solid var(--color-grc);
}
.btn_publicaciones{
  color: var(--color-bl);
  transition: all .5s;
}
.btn_publicaciones:hover{
  color: var(--color-grc);
}

/* _______________________________ PUBLICACIONES _______________________________ */



/* _______________________________ PROGRAMA DE ALFABETIZACIÓN DIGITAL _______________________________ */
.p_pad_ao_res{
  font-family: var(--font-titillium);
  font-size: 1.3em;
  font-weight: var(--font-w-700);
  color: var(--color-azo);
}
.p_pad_ao_gen{
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
}
.back_pad_cf{
  background-color: var(--color-azo);
}
.tb_campos_formativos{
  width: 100%;
}
.tb_campos_formativos_tr{
  background-color: var(--color-bl);
}
.tb_campos_formativos_td_i{
  width: 5em;
  background-color: var(--color-azc);
  padding: 1em;
  vertical-align: middle;
}
.tb_campos_formativos_td_d{
  background-color: var(--color-bl);
  padding: 1em;
  vertical-align: middle;
  font-family: var(--font-titillium);
  font-size: 1em;
  color: var(--color-azo);
}
.p_cont_ple_az{
  border-left: solid 6px var(--color-azo);
  padding-left: 1em;
}
.span_txt_azo{
  color: var(--color-azo);
  font-weight: var(--font-w-700);
}

.cont_tab_metod{
  background-color: var(--color-bl);
  padding: 3em;
}
.tb_metodologia{
  width: 100%;
}
.tb_metod_num{
  vertical-align: top;
  padding: 2em 1em 2em 0;
}
.tb_metod_num span{
  background-color: var(--color-azo);
  font-family: var(--font-titillium);
  font-size: 1.3em;
  font-weight: var(--font-w-700);
  color: var(--color-bl);
  padding: .2em .6em;
}
.tb_metod_txt{
  padding: 2em 2em 2em 0;
  border-bottom: 1px solid var(--color-azo);
}
.back_PAD_ao{
  background-color: var(--color-azv);
}
.back_PAD_ac{
  background-color: var(--color-azc);
}
.txt_res_azo_bold{
  color: var(--color-azo);
  font-weight: var(--font-w-700);
}
.txt_pad_ac{
  font-family: var(--font-titillium);
  font-size: 1.1em;
  font-weight: var(--font-w-700);
  color: var(--color-azc);
}
.li_pad_bl{
  color: var(--color-bl);
}
/* _______________________________ PROGRAMA DE ALFABETIZACIÓN DIGITAL _______________________________ */



/* _______________________________ PERSONAL ACADÉMICO _______________________________ */
.tab_personal_aca{
  width: 100%;
  height: auto;
}
.tab_personal_aca tr td{
  padding: 1em;
  border-bottom: var(--color-grc) solid 1px;
}

.tab_personal_aca tr:nth-child(odd) {
    background-color: #f2f2f2; /* Gris claro */
}

.tab_personal_aca tr:nth-child(even) {
    background-color: #ffffff; /* Blanco */
}
/* _______________________________ PERSONAL ACADÉMICO _______________________________ */



/* _______________________________ SEMILLEROS _______________________________ */
.bacPortSemi{
  background-image: url('../img/semilleros/Encabezado_Proyectos.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
/* _______________________________ SEMILLEROS _______________________________ */




/* _______________________________ PERSONAL ACADÉMICO _______________________________ */
.bacPortPersonalA{
  background-image: url('../img/personal/Encabezado_Proyectos.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
/* _______________________________ PERSONAL ACADÉMICO _______________________________ */



/* _______________________________ CONVOCATORIAS _______________________________ */
.bacPortConv{
  background-image: url('../img/convocatoria/Encabezado_Proyectos.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  width: 100%;
  height: 40vh;
}
.btn_img_conv{
  filter: brightness(1.0);
  transition: all .5s;
}
.btn_img_conv img{
  border: solid 1px #FFF;
  transition: all .5s;
}
.btn_img_conv:hover{
  filter: brightness(1.1);
}
.btn_img_conv:hover img{
  border: solid 1px var(--color-azo);
}
/* _______________________________ CONVOCATORIAS _______________________________ */



/* _______________________________ RESPONSIVE _______________________________ */
@media (max-width: 992px) {
  .cont_text_port{
    width: 100%;
  }

  .bacBann{
    background-position: center center;
    background-image: url('../img/banner_02_r.jpg');
  }

  .ccont_text_bann{
    width: 60%;
  }

  .pbord_l{
    width: 100%;
  }
  .marg_esp_directorio{
    margin-left: auto;
  }
  .img_10_dir{
    width: 50%;
  }

  .no_most_r{
    display: none;
  }



  .border_rb{
    border-right: transparent;
    border-bottom: 1px solid var(--color-grc);
  }
  .border_b{
    border-bottom: 1px solid var(--color-grc);
  }
  .border_rbf{
    border-right: transparent;
  }

}
/* _______________________________ RESPONSIVE _______________________________ */














/*.carousel-wrapper {
  width: 1200px;
  margin: auto;
  position: relative;
  text-align: center;
  font-family: sans-serif;
}


*/