:root
{
  --sty-mnu-glob-color-oscuro:#425167; /*rgb 66,81,103*/
  --color-gris-oscuro:#44546A;
  --unap-blue: #034e7c;
  --unap-orange: #f08226;
  --unap-navy: #046dab;
  --unap-black: #070606;
  --unap-white: #fffdfa;
  --unap-gray: #7f7f7f;
  --unap-active-color-blanquecino: #FAF9F6;
  --unap-menu-color-blanco: #FFFFFF;
  --unap-menu-hover-color-perla: #F8F6F0;
  --bs-navbar-active-color: #F8F6F0;
  --sty-unap-color-azul-tit: #0369B1;
  --sty-unap-color-lila: #535CBF;
  --sty-unap-noticia-margx15: 15px;
  --sty-unap-azul: #0369B1; /*--sty-unap-azul: #0071B6;  rgb(3, 105, 177)*/ 
  --sty-unap-celeste: #00B0FF;
  --sty-unap-celeste-rgb: 0, 176, 255;
  
    --bs-border-color-translucent: #B5B5B5;
    --bs-card-border-width: 3px;
    --bs-color-verde: #009ca6;
    --bs-borde-card-CO: 15px;
    --bs-card-border-radius: var(--bs-borde-card-CO);
    --bs-margin-top-logo: 20px;
    --bs-base-seccion: 20px;
    --bs-navbar-color-menu-items : #fff ; /*color de items menues*/
    --bs-navbar-color-menu-items-despleg : #999 ; /*color de items de menu desplegable*/
    --bs-navbar-font-size : 0.9em ; /*color de items menues*/
    --bs-link-hover-color:#0a58ca;
    --bs-btn-active-color:#f45;
    --sty-color-bg-cifras: rgba(3,105,177,0.1);
    --sty-unap-slide-sobre-txt-left: 60px;
    
    /*de BOOTSTRAP font-family: var(--bs-body-font-family);  --bs-body-font-family: var(--bs-font-sans-serif);  */
    /* --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 
        font-size: var(--bs-body-font-size);
        --bs-body-font-size: 1rem;
    */
    --bs-font-sans-serif: montserrat-regular,system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-size: 14px; /*está en bootstrap como 1rem */
        

}


    @font-face { font-family: montserrat-regular;    src: url("/prontus_unap/font/montserrat/Montserrat-Regular.ttf") format("opentype");}
    @font-face { font-family: montserrat-italic;     src: url("/prontus_unap/font/montserrat/Montserrat-Italic.otf") format("opentype");}
    @font-face { font-family: montserrat-bold;       src: url("/prontus_unap/font/montserrat/Montserrat-Bold.ttf") format("opentype");}
    @font-face { font-family: montserrat-medium;     src: url("/prontus_unap/font/montserrat/Montserrat-Medium.otf") format("opentype");}
    @font-face { font-family: montserrat-semibold;   src: url("/prontus_unap/font/montserrat/Montserrat-SemiBold.otf") format("opentype");}
    html, .body{font-family: montserrat-regular !important; color: #262628;}
    .sty-port-2do-logo-sup {display: inline-block; margin-left: 7px; padding-left: 7px; border-left: 1px solid white;}

    /*de BOOTSTRAP font-family: var(--bs-body-font-family);  --bs-body-font-family: var(--bs-font-sans-serif);  */
    /* --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
    

    .img-hover {transition: opacity 0.4s;}
    .img-hover:hover {opacity: 0.8;}


    #sty-menu-bloque {  position: fixed;  top: 20px;  right: 0px;  left: auto;  background: none;  width: 100%;  border: 0px;  z-index: 1000;  padding-top: 10px;  padding-bottom: 7px;  transition: top 0.4s;}
    .sty-port-logo-unap{ display: inline-block;}

    /*txt izq-abajo sobre banner sup */
    .sty-port-banner-sup-bloque-txt  {width: 100%;border: 0px solid red; position: absolute; bottom: 0px; padding-bottom: 50px; height: auto;} /*titulo y submenu sobre video*/
    .sty-port-banner-sup-txt1a { font-size: 1.5rem; }
    .sty-port-banner-sup-txt1b {  font-size: 1.5rem;}
    .sty-port-banner-sup-txt1b span {font-style: italic;color: var(--sty-unap-celeste);}
        
        
    .sty-port-banner-sup-submenu-base  {/* margin-bottom: 50px;*/}
    .sty-port-banner-sup-submenu-base a{ color: white; transition: border-top 1.2s;}
    .sty-port-banner-sup-submenu-base a:hover{ border-top: 1px solid; }
    .sty-port-banner-sup-migas-fin {font-weight: bold;}
    .sty-port-banner-sup-puja {transform: translateY(-6px); border: 0px solid transparent; /* dejar el border transparent */}        
        
    .sty-subtit-azul-normal {font-size: 2.5rem; color: var(--sty-unap-azul);}
    /*.sty-centra-vertical    {position: absolute;    top: 50%;   left: 0;    transform: translateY(-50%);}*/
    
    .dos-col-txt-banner-o-video{ margin-top: 80px;}/*esta en inicio de vinculacion.html*/
    .dos-col-txt-banner-o-video .contiene-video{width: 100%; height: auto;border-radius: 14px; overflow: hidden;}
    .dos-col-txt-banner-o-video .video{z-index: 0;}
        
    .sty-txt-celeste {padding-top: 20px; padding-right: 40px;color: var(--sty-unap-celeste); font-size: 1.0rem; font-weight: normal;}
    .sty-boton-blanco-borde-azul {display: inline-block;  border: 1px solid var(--sty-unap-azul); border-radius: 7px;} /*margin-top: 20px;*/
    .sty-boton-blanco-borde-azul a{display: block; width: auto;padding: 6px 30px 7px 30px; transition: all 0.6s;}
    .sty-boton-blanco-borde-azul a:hover{background-color: var(--sty-unap-azul); color: white;}
    .dos-col-txt-banner-o-video-con-bg { background: linear-gradient(to right, rgba(0, 176, 255, 0.05) 0%, rgba(68, 86, 106, 0.05) 50%); }/*para el 2do*/

/*Secciones COMUN 00*/
    .secc00-color-azul {color: var(--sty-unap-azul);}
    .secc00-color-celeste {color: var(--sty-unap-celeste);}
    .secc00-bg-color-azul {background-color: var(--sty-unap-azul);}
    .secc00-bg-color-celeste {background-color: var(--sty-unap-celeste);}
    .secc00-bg-color-celeste-opa8 {  background-color: rgba(var(--sty-unap-celeste-rgb), 0.08);}
    
    .secc00-boton-blanco-borde-azul {display: inline-block;  border: 1px solid var(--sty-unap-azul); border-radius: 7px;} /*margin-top: 20px;*/
    .secc00-boton-blanco-borde-azul a{display: block; width: auto;padding: 6px 30px 7px 30px; transition: all 0.6s;}
    .secc00-boton-blanco-borde-azul a:hover{background-color: var(--sty-unap-azul); color: white;}
    .secc00-ico-correo  {width: 22px;  height: 18px;  background-image: url('/prontus_unap/imag/ico/vcm_ico_correo.png');  background-size: cover; background-position: center; }
    .secc00-ico-linkedin  {width: 18px;  height: 18px;  content: url('/prontus_unap/imag/ico/vcm_ico_linkedin.png');   display: inline-block; transition: opacity 0.6s;}
    a .secc00-ico-linkedin:hover {opacity: 0.5; display: inline-block; }
    .secc00-ico-twitter  {width: 18px;  height: 18px;  content: url('/prontus_unap/imag/ico/vcm_ico_twitter.png');   display: inline-block; transition: opacity 0.6s;}
    a .secc00-ico-twitter:hover {opacity: 0.5; display: inline-block; }
    
    /*imagen de fondo con cuadro de texto casi abajo sobre ella, en vinculacion es Encargados facultades y de cdv*/
    .secc00-img-txtflota {position: relative;}
    .secc00-img-txtflota-img {width: 100%; filter: grayscale(100%); transition: filter 0.3s;}
    .secc00-img-txtflota-img:hover{filter: grayscale(0%);}
    .secc00-img-txtflota-txt { position: absolute; left: 30px; bottom: 30px;  color: white; z-index: 2;  width: 60%; padding: 20px; transition: all 0.6s; }
    .secc00-img-txtflota-txt:hover {background-color: white; color: var(--sty-unap-azul); cursor: pointer; }    
    .secc00-img-txtflota:hover .secc00-img-txtflota-img{ filter: grayscale(0%);}
    
    /*imagen vertical con cuadro de texto en la base con color de fondo. en portada de vinculacion es INICIATIVAS*/
    .secc00-img-txtbase-bg {position: relative; display:flex;  align-items:center;  transition: display 0.3s;}    
    .secc00-img-txtbase-bg-txt  {display: block; position:absolute; bottom:0; padding-top:20px; padding-bottom: 20px; z-index: 2; width: 100%; padding-left: 10%; padding-right: 10%; background: linear-gradient(to bottom, rgba(1, 44, 75, 0) 0%, rgba(1, 44, 75, 0.3) 10%, rgba(1, 44, 75, 0.8) 50%,   rgba(1, 44, 75, 0.9) 70%,  rgba(1, 44, 75, 1) 100%); color: white;  opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0s 0.3s;}
    .secc00-img-txtbase-bg:hover .secc00-img-txtbase-bg-txt {opacity: 1; visibility: visible; transition: opacity 0.6s ease, visibility 0s 0s; cursor: pointer; }
    
    /*noticias, vinculacion.html*/
    
    .secc00-noti      {position:relative; height:100%; display:flex;  justify-content:center;  }
    .nota-img-wrapper {overflow: hidden; border-radius: 7px; }
    
    /*.secc00-noti .nota-img  {transition: transform 0.3s ease; border-radius: 7px;}*/
    .nota-img-wrapper .nota-img {transition: transform 0.3s ease; width: 100%; height: auto; }
    .nota-img-wrapper:hover .nota-img  {transform: scale(1.05);}
    .nota-img-wrapper:hover .nota-img-wrapper { transform: scale(1.05); }
    .secc00-noti-info {position: absolute; bottom: 20px;  box-sizing: border-box;  z-index: 2; padding: 20px;background-color: white; border-radius: 7px; width: 80%; min-height: 200px; font-size: 0.9rem;  display: flex; flex-direction: column; }
    .secc00-noti-fecha  {display: block;     color: var(--sty-unap-celeste); font-size: 0.8rem;}
    .secc00-noti-tit    {display: block; margin-top: 5px;margin-bottom: 15px; color: var(--sty-unap-azul);    flex-grow: 1; /* Permite que el título ocupe el espacio disponible */}
    .secc00-noti-tit a  {line-height: normal; color: var(--sty-unap-azul);    display: block;}
    .secc00-noti-base   {display: block; position: absolute; bottom: 0; left: 0; padding: 10px 20px; width: 100%; height: 40px; }
    .secc00-noti-mas    {display: inline-block;}
    .secc00-noti-flecha {display: inline-block; position: absolute; right: 20px;  bottom: 10px;}
    
    /*Botones grandes con icono, titulo y flecha derecha, vra.html*/
    .secc00-boto-icotitarrow { border: 1px solid #ccc; border-radius: 12px; padding: 12px; background-color: #ffffff; width: 100%; height: 120px; display: flex;  flex-direction: column;  justify-content: start;  transition: background-color 0.3s ease;}
    .secc00-boto-icotitarrow-cont {  display: flex;  flex-direction: column;  align-items: flex-start;  height: 100%;  justify-content: space-between;}
    .secc00-boto-icotitarrow-ico {  width: auto;  height: auto;  margin-bottom: auto; /* empuja hacia arriba */}
    .secc00-boto-icotitarrow-tityflecha {  display: flex;  justify-content: space-between;  align-items: center; width: 100%;  margin-top: auto; /* empuja hacia abajo */}
    .secc00-boto-icotitarrow-tit {  font-weight: bold;  font-size: 14px; transition: color 0.3s ease;}
    .secc00-boto-icotitarrow-flecha {  font-size: 24px; transition: color 0.3s ease;}
    .secc00-boto-icotitarrow:hover {   background-color: var(--sty-unap-azul);  cursor: pointer;}
    .secc00-boto-icotitarrow:hover .secc00-boto-icotitarrow-tit, .secc00-boto-icotitarrow:hover .secc00-boto-icotitarrow-flecha {  color: #ffffff;}

    


    
    /*COMUN Actividades/Eventos: vinculacion.html*/
    .secc00-activ-padd        {padding-left: 15px; padding-right: 15px;}
    .secc00-activ-bloque-info {width: 100%; border: 1px solid #eee; position:relative; background-color: white; min-height: 200px; font-size: 0.9rem;}
    .secc00-activ-margin      {margin-left: 10px; margin-right: 10px;}
    .secc00-activ-tit         {line-height: normal; margin-top: 60px;}
    .secc00-activ-base        {position:absolute; bottom:0; z-index: 2;left: 0; right: 0;  font-size: 0.8rem; background-color: white; padding-bottom: 7px;color: var(--color-gris-oscuro); } 
    .secc00-activ-img         {width: 100%; border: 1px solid gray;}
    .secc00-activ-img img     {width: 100%;}
    .secc00-activ-fecha       {position: absolute; z-index: 3; font-size:30px; color: white; line-height: 1; padding:10px; top: -40px; background-color: var(--sty-unap-azul);}
    .secc00-activ-fecha span.dia{display:block; text-align:center; font-weight:bold;}
    .secc00-activ-fecha span.mes{display:block;}
    .secc00-activ-base .hora {display:flex; align-items: center;padding-top: 12px; border-top: 1px solid var(--sty-unap-azul);}
    .secc00-activ-base .hora .hora-ico{width: 11px; height: 11px; content: url('/prontus_unap/imag/ico/ico-reloj-11x11.png'); } /*display:inline-block; align-items: center;*/
    .secc00-activ-base .hora .hora-txt{padding-left: 15px; } 
    .secc00-activ-base .ubic{ display:flex; align-items: center;}
    .secc00-activ-base .ubic .ubic-ico{width: 13px; height: 14px; content: url('/prontus_unap/imag/ico/ico-ubicacion-13x14.png'); }
    .secc00-activ-base .ubic .ubic-txt{padding-left: 15px;}
    
    /*Cifras*/
    .secc00-cifra-img   {border: 0px;}
    .secc00-cifra-cant  {font-size: 2.2rem; font-weight: bold; margin-top: 10px; color: var(--sty-unap-celeste);}
    .secc00-cifra-tit   {font-size: 1.2rem; margin-top: 10px;}
    
    /*Menu azul fondo blanco linea base*/ /* al centro de vra.html*/
    .secc00-menu-serv   {width: 100%; display:flex; align-items: center; justify-content: right; border: 1px solid red;}
    .secc00-menu-serv ul li button.nav-link{ border-width: 0px !important;}
    
    
    
/*Sección 01 dos columnas, tetx a la izq y video o img a la derecha*/
    .secc01-doscol-tit-txt-img-o-vid{ margin-top: 80px;}/*esta en inicio de vinculacion.html*/
    .secc01-tit                     {font-size: 2.5rem; color: var(--sty-unap-azul);}
    .secc01-contiene-video{width: 100%; height: auto;border-radius: 14px; overflow: hidden;}
    .secc01-video{z-index: 0;}
    .secc01-txt {padding-top: 20px; padding-right: 40px;color: var(--sty-unap-celeste); font-size: 1.0rem; font-weight: normal;}

/*Sección 02 dos columnas, tetx a la izq y video o img a la derecha*/
    .secc02-doscol-tit-txt-img-o-vid { background: linear-gradient(to right, rgba(0, 176, 255, 0.05) 0%, rgba(68, 86, 106, 0.05) 50%); }/*para el 2do*/
    .secc02-tit                     {font-size: 2.5rem; color: var(--sty-unap-azul);}
    .secc02-txt {padding-top: 20px; padding-right: 40px;color: var(--sty-unap-celeste); font-size: 1.0rem; font-weight: normal;}


/*Sección 03 tres imgs, una a la izq y dos a la derecha*/
    .secc03-tresimgs{} /*esta en inicio de vinculacion.html*/
    .secc03-col2                     {display: flex; flex-direction: column; justify-content: space-between;}
    .secc03-imgytit { overflow: hidden; }
    .secc03-imgytit img{transition: transform 0.3s; max-width: 100%;    height: auto;}
    .secc03-imgytit img:hover {transform: scale(1.1);}
    .secc03-imgytit-tit{display: block; bottom: 30px; left: 50px;width: 100%; font-size: 2rem; color: white; z-index: 10;}
    .secc03-imgytit { position: relative; overflow: hidden; }
    .secc03-imgytit a{ color: white;}    
    .secc03-imgytit-linear {overflow: hidden; position: absolute; bottom:0; left:0; display: block; z-index: 0; width: 100%; height: 60%;  background: linear-gradient(to bottom, rgba(3, 105, 177, 0) 0%, rgba(3, 105, 177, 0.3) 10%, rgba(3, 105, 177, 0.8) 50%,   rgba(3, 105, 177, 0.9) 70%,  rgba(3, 105, 177, 1) 100%); color: white;    transition: opacity 0.3s ease, visibility 0s 0.3s;}    /*opacity: 0; visibility: hidden;*/
    .secc03-imgytit:hover {cursor: pointer;}    
    .secc03-imgytit:hover .secc03-imgytit-linear { opacity: 1; transition: opacity 0.6s ease, visibility 0s 0s; cursor: pointer; }    /*visibility: visible;*/
    .secc03-imgytit-tit:hover { cursor: pointer; }    
    
    
/*Sección 04 jefe, nombreizq, foto derecha*/
    .secc04-jefe-izq{display: flex;  justify-content: center; align-items: center; } 
    .secc04-subtit {font-size: 2.5rem; color: var(--sty-unap-azul);}
    .secc04-cargo {display:block; color: var(--sty-unap-celeste);}
    .secc04-fila-rrss   {display:flex; align-items:center;}
    .secc04-col-rrss-ico{display:inline-block;}
    .secc04-col-rrss-txt{display:inline-block; margin-left: 20px;}
    .secc04-jefe-der {display:flex; justify-content:start;  align-items:center; position:relative; height: 100%;}
    .secc04-jefe-der-foto {margin-left: 120px; }
    .secc04-jefe-txt-flota{ position:absolute; color: var(--sty-unap-azul); border: 1px solid var(--sty-unap-azul); top: 50%; right: 20px; transform: translateY(-50%); width: 40%; background-color: white; padding: 35px; z-index: 1;}
    .secc04-jefe-txt-comillas{content: url("/prontus_unap/site/artic/20241203/imag/foto_0000000120241203130056/vcm-comillas-dobles.png"); width:35px; height:23px;}
    .secc04-jefe-txt{display: block; margin-left: 30px; margin-top: 40px;}
    
    
    
        .ir-arriba {                bottom: 80px;             } /*se sube mas arriba del logo captcha*/
        
        .text-justify, .texto-justificado {text-align: justify;}
        
        li a.link-azul {color:var(--sty-unap-azul);}
        li a.link-azul:hover {color:var(--sty-unap-celeste);}
        
        
        /*Bloque Video */
        .sty-comun-video {background-color: var(--sty-color-bg-cifras);}
         .sty-comun-video video{width: 100%; z-index: 0;}
        

        /*.navbar, .nav-link { padding-top: 3px; padding-bottom: 3px;font-family: montserrat-bold; font-size: var(--bs-navbar-font-size); color: var(--bs-navbar-color-menu-items);}*/
        /*.nav-link-gris { color: #7a7a7a;}*/ /*por defecto es blanco, afecta a los nav nav-tabs...se debe usar asi: .nav-link .nav-link-gris */
        /*.nav-link-gris:focus, .nav-link-gris:hover {color: var(--sty-unap-azul) !important;}    */    /*var(--bs-nav-tabs-link-hover-border-color)*/
        /*.nav-link:hover  { color: #eee;}*/
        /*.nav-link:focus  {color: #ddd;}*/
        /*.dropdown-item {color: var(--bs-navbar-color-menu-items-despleg); font-size: var(--bs-navbar-font-size);}*/ /*items de menu desplegable*/


/*INI USO común*/
    h1 {font-size: 1.8rem;} /*en bootstrap esta en 2.5(2.5x16=40px)*/
    h2 {font-size: 1.6rem;} 
    h3 {font-size: 1.4rem;}
    h4 {font-size: 1.2rem;}
    h5 {font-size: 1.0rem;} 
    
    a {text-decoration: none; color: var(--sty-unap-color-azul-tit);} /*se desactiva para todos*/
    .container-1400{max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 7px; padding-right: 7px;}    
    .sty-color-azul {color: var(--sty-unap-azul);}
    .sty-color-celeste {color: var(--sty-unap-celeste);}
    .sty-color-azul-borde {border: 1px solid var(--sty-unap-azul);}
    
    

    /*COMUN ARTICULO: artic_vinculacion.html*/    
    .comun-artic-menu-sup .nav-link{ color: var(--sty-unap-azul); transition: color 0.6s;}
    .comun-artic-menu-sup .nav-link:hover { color: #273746;}
    .comun-artic-submenu {color: white; transform: translateY(-30px); transition: color 0.6s;}
    .comun-artic-submenu a{color: white; }
    .comun-artic-submenu a:hover{color: #273746;}
    .comun-artic-tit {color: white; font-weight: bold; font-size: 2rem;}
    .comun-artic-tit p{margin-bottom: 0px;}
    .comun-artic-cuerpo{min-height: 300px; }
    .comun-artic-tit-celeste {font-weight: bold; font-size: 2rem; color:var(--sty-unap-celeste);}
    /*Para mostrar fotos y datos del equipo de trabajo, personas, uso en artic_vinculacion.html*/
    .comun-pers img{filter:  grayscale(100%); margin-top: 30px; margin-bottom: 15px;}
    .comun-pers-nombre {color: var(--sty-unap-azul);}
    .comun-pers-correo, .sty-pers-correo a {color: var(--sty-unap-celeste);}
    .comun-pers:hover img {filter:  grayscale(0);}
    /*Para mostrar recursos, titulo a la izquierda y a la derecha un icono de download, se usa c- que significa comun */
    .c-tit-down       {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee;}
    .c-tit-down .tit  {color: var(--sty-unap-azul); display: inline-block;}
    .c-tit-down .down {display: inline-block; width:30px; height:30px;background-image: url('/prontus_unap/imag/ico/ico_descarga_azul_25x26.png');  background-repeat: no-repeat; cursor: pointer;padding-top: 7px;margin-top: 10px; padding-bottom: 15px;}
    .c-tit-down .down:hover {opacity: 0.8;}
    
    .c-tit-down-titcol { display: inline-flex; align-items: center; /*align-items: flex-end;*/  font-size: 24px;      color: #333;}
    .c-tit-down-titcol::after { margin-left: 10px; content: ''; transform: translateY(2px); display: inline-block; width:14px; height:15px;background-image: url('/prontus_unap/imag/ico/c_ico_triang_ptos_azul.png'); background-repeat: no-repeat; vertical-align: baseline;}
    
  
   /*MOVIMIENTOS fade */  
        /* Scroll animations */
        /*
        .comun-animate-on-scroll {            opacity: 0;            transform: translateY(30px);            transition: all 0.6s ease;        }
        .comun-animate-on-scroll.animated {            opacity: 1;        transform: translateY(0);        }
    */
    
    
    
    
    /* TITULOS*/
    .comun-tit-nuestro-equipo {font-size: 2.0rem; color: var(--sty-unap-azul); font-weight: bold;}
    .titulo-bajo-img  {font-family: montserrat-medium; font-size: 1.8rem;  margin-bottom: 20px; color: var(--sty-unap-color-azul-tit); text-decoration: none;}
    .titulo-bajo-img a  {color: var(--sty-unap-color-azul-tit); text-decoration: none; transition: opacity 0.4s;}
    .titulo-bajo-img a:hover  {opacity: 0.8;}
    .sty_unap_pag_subtit1_0 {font-size: 1.0rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_subtit1_3 {font-size: 1.3rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_subtit1_4 {font-size: 1.4rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_subtit1_5 {font-size: 1.5rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_subtit1_6 {font-size: 1.6rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_subtit1_7 {font-size: 1.7rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_subtit1_8 {font-size: 1.8rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .sty-tit-celeste1-5 {font-weight: bold; font-size: 1.5rem; color:var(--sty-unap-celeste);}
    .sty-tit-blanco1-5 {font-weight: bold; font-size: 1.5rem; color: white;}
    
    /*Para submenu fondo gris...quienes somos*/
    div.scrollmenu         { background-color: #f5f5f5; overflow: auto; white-space: nowrap; }
    div.scrollmenu p       { margin-bottom:0px;}/*para eliminar el espacio bajo el submenu cuando prontus le agrega <p> en el cuerpo al no encontrar div*/
    div.scrollmenu a       { display: inline-block; color:var(--unap-navy); text-align: left; padding: 10px; text-decoration: none;  }
    div.scrollmenu a:hover { background-color: #e4e4e4; }


    /*///////////////////////el de boostrap///////////////////////////////////////////////*/
        .img-responsive {  max-width: 100%;  height: auto;} /*es la misma que usa boostrap 5.3 para img-fluid*/
    /*//////////////////////////////////////////////////////////////////////*/
    .comun-bg-oscuro { background-color: var(--sty-mnu-glob-color-oscuro); }
    .comun-bg-azul   { background-color: var(--sty-unap-azul); }
    .comun-bg-celeste{ background-color: var(--sty-unap-celeste); }
    
    .comun-sombra-oscura{box-shadow: 0px 0px 10px 6px rgba(66, 81, 103, 0.1); border-radius: 7px;}
    .img-responsive,.responsive-img,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto} /*se encontraba en bootstrap antes de la 5.2*/
    .sty_unap_pag_titulo {font-size: 2.0rem; font-weight: bold; margin-bottom: 20px; color: var(--sty-mnu-glob-color-oscuro);}
    .sty_unap_pag_titulo span{display: block; width: 50px; height: 4px; background-color: var(--sty-mnu-glob-color-oscuro); }
    .sty_unap_pag_titulo span.color_azul{background-color: var(--sty-unap-color-azul-tit); }
    
    .sty-unap-ico-correo {display: inline-block;background:url('/prontus_unap/imag/ico/vcm_ico_correo_22x18.png') no-repeat center center; background-size: contain; width: 22px; height: 18px; }

    .comun_bloque_persona    {color: var(--sty-mnu-glob-color-oscuro);}
    .comun_bloque_persona {padding-bottom: 20px; /*padding-top: 10px;*/}
    .comun_bloque_persona .nombre {display: block; font-size: 1.3rem; font-weight: bold;}
    .comun_bloque_persona img {display: block; margin-bottom: 10px;}
    .comun_bloque_persona .cargo {font-family: montserrat; display: block; font-size: 1.1rem; }
    .comun_bloque_persona .fono {display: block;}
    .comun_bloque_persona .email {display: block;}
    .comun_bloque_persona a {color: var(--sty-mnu-glob-color-oscuro);}
    .comun_bloque_persona a:hover {color: #999;}
    
    
    .comun_nombre_persona    {font-size: 1.3rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro);}
    .comun_nombre_persona_mt {font-size: 1.3rem; font-weight: bold; color: var(--sty-mnu-glob-color-oscuro); margin-top: 7px;}
    .comun_nombre_cargo     {font-size: 1.1rem;  color: var(--sty-mnu-glob-color-oscuro); } 
    .unap_text_oscuro {color: var(--sty-mnu-glob-color-oscuro);}
    .comun-w-10 {width: 10px;} .comun-w-20 {width: 20px;} .comun-w-30 {width: 30px;} .comun-w-40 {width: 40px;} .comun-w-50 {width: 50px;}
    .comun-h-10 {height: 10px;} .comun-h-20 {height: 20px;} .comun-h-30 {height: 30px;} .comun-h-40 {height: 40px;} .comun-h-50 {height: 50px;}
    .comun-w-60 {width: 60px;} .comun-w-70 {width: 70px;} .comun-w-80 {width: 80px;} .comun-w-90 {width: 90px;} .comun-w-100 {width: 100px;}
    .comun-h-60 {height: 60px;} .comun-h-70 {height: 70px;} .comun-h-80 {height: 80px;} .comun-h-90 {height: 90px;} .comun-h-100 {height: 100px;}
    .comun-w-200 {width : 200px;} .comun-w-250 {width : 250px;} .comun-w-300 {width : 300px;}
    .comun-h-200 {height: 200px;} .comun-h-250 {height: 250px;} .comun-h-300 {height: 300px;}
    
    
    .sty_unap_color_azul_tit  {color: var(--sty-unap-color-azul-tit);}
    .comun-img-grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
    .comun-img-circle    {border-radius: 50%;}

    /*NOTICIAS*/
    .comun-nota-fecha    {font-size: 1.1rem; color: var(--sty-mnu-glob-color-oscuro);}

    .comun-menu-blanco .nav-link         {color: var(--unap-menu-color-blanco) ;} /*usar <a class="nav-link text-white"... */ /*doctorado_quimica_medicinal.html,  */
    /*.comun-menu-blanco .nav-link:focus   {color: var(--unap-menu-color-blanco) ;}*/
    /*.comun-menu-blanco .nav-link:visited {color: var(--unap-menu-color-blanco) ;}*/
    .comun-menu-blanco .nav-link.disabled {color: red ;}
    .comun-menu-blanco .nav-link:hover   {color: var(--unap-menu-hover-color-perla) ;}
    .comun-menu-blanco .nav-link span    {color: var(--unap-menu-color-blanco); display: block; width: 5px; height:3px;}
    .comun-menu-blanco .nav-link:hover span {width: 100%; transition: width 0.8s; background-color: #fff;}
    .comun-menu-blanco .nav-link:focus span {width: 100%; background-color: #fff;height:3px;}
    
    
    .comun-boton .btn     {border: 3px solid transparent; padding-top: 0px !important; padding-bottom: 0px; padding-left: 30px; padding-right: 30px; line-height: 0.3rem; color: #FFF;}
    .comun-boton-down-gris         {background-color: var(--sty-mnu-glob-color-oscuro);  display: flex;  align-items: center; }
    .comun-boton-down-gris::after  {display: inline-block;content: url("/prontus_unap/imag/ico/boto-icoBlancox40.png"); transform: scale(.5);}
    .comun-boton-down-gris:hover::after  {display: inline-block;content: url("/prontus_unap/imag/boto-icoGrisx40.png"); transform: scale(.5);}
    .comun-boton-down-gris:hover   {border-color: var(--sty-mnu-glob-color-oscuro); color: var(--sty-mnu-glob-color-oscuro); background-color: #FFF; }    
    
    .comun-responsive-video {  position: relative;  overflow: hidden;  width: 100%;  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}
    .comun-responsive-iframe {  position: absolute;  top: 0;  left: 0;  bottom: 0;  right: 0;  width: 100%;  height: 100%;}
    
    @keyframes comun_biblio_keyf_animado_der {  0%   {opacity: 0.8; transform: translateX(100px); /*left:100px;*/}  100% {opacity: 1.0; transform: translateX(  0px); /*left: 0px;*/} }
    .comun_keyf_animado_der {  position: relative;  animation-name: biblio_keyf_animado_der;  animation-duration: 1.0s;}
    @keyframes comun_keyf_animado_izq {  0%   {opacity: 0.8; transform: translateX(-100px); /*left:100px;*/}  100% {opacity: 1.0; transform: translateX(  0px); /*left: 0px;*/} }
    .comun_keyf_animado_izq {  position: relative;  animation-name: biblio_keyf_animado_izq;  animation-duration: 1.0s;} 
    @keyframes comun_keyf_animado_aba {  0%   {opacity: 0.8; transform: translateY(100px); /*left:100px;*/}  100% {opacity: 1.0; transform: translateY(  0px); } }
    .comun_keyf_animado_aba {  position: relative;  animation-name: biblio_keyf_animado_aba;  animation-duration: 1.0s;} 
    @keyframes comun_keyf_animado_arr {  0%   {opacity: 0.8; transform: translateY(-100px); /*left:100px;*/}  100% {opacity: 1.0; transform: translateY(  0px); } }
    .comun_keyf_animado_arr {  position: relative;  animation-name: biblio_keyf_animado_arr;  animation-duration: 1.0s;} 
    
    
/*FIN USO común*/



/*GENERAL a todas las portadas*/
.card {--bs-card-border-radius: var(--bs-borde-card-CO);}
.card2 {  perspective: 150rem;  position: relative;  height: 450px;  max-width: 300px;  margin: 2rem;  box-shadow: none;  background: none; border: 0px solid red;}
.card2-side        { height: 400px;  border-radius: 7px;  transition: all 0.8s ease;  backface-visibility: hidden;  position: absolute;  top: 0;  left: 0;  width: 100%/*80%*/;  padding: 0px /*2rem*/;  color: white;}
.card2 .img-radius { border-radius: 7px;}
.card2-side.back   { transform: rotateY(-180deg);  background-color: #4158D0;  background-image: linear-gradient(43deg, #4158D0 0%,#C850C0 46%, #FFCC70 100%);}
.card2-side.front  { background-color: #0093E9;  background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);}
.card2:hover .card2-side.front { transform: rotateY(180deg);}
.card2:hover .card2-side.back  { transform: rotateY(0deg);}

/*mitabla*/
/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.mitabla {    border-collapse: collapse;    border: 1px solid #CCC;    font-size: 12px;}
.mitabla tr:nth-child(odd) {background: #F3F3F3}
.mitabla tr:nth-child(even) {background: #FFF}
 .mitabla tbody th {    font-weight: bold;    background-color: #ccc; /* F3F3F3 gris*/    padding:5px;}
.mitabla th {    font-weight: bold;    background-color: #ccc;    padding:5px;    border: 1px solid  #85929e;     /*text-align: center;*/}
.mitabla td {    padding: 5px 10px;    border: 1px solid #CCC;}
.mitabla tbody tr:hover td {    background-color:  #ebf5fb;}
.mitabla tbody tr.naranjo-blanco-sin-hover td {    background-color: #cc3300; /*cc3300 naranjo*/    color: #fff;}
.mitabla tbody tr.naranjo-blanco-sin-hover:hover td {    background-color: #cc3300; /*cc3300 naranjo*/    color: #fff;}
.mitabla tbody th:hover {   /* background-color: #F3F3F3;    color: #000;    */}




/*Doctorado en química medicinal https://www.unap.cl/prontus_unap/site/edic/base/port/doctorado_quimica_medicinal.html */
        #doquimed_id_inicio       {display: block;}
        #doquimed_id_lineas       {display: none;}
        #doquimed_id_plan         {display: none;}
        #doquimed_id_requisitos   {display: none;}
        #doquimed_id_academicos   {display: none;}
        #doquimed_id_recursos     {display: none;}
        #doquimed_id_reglamentos  {display: none;}
        #doquimed_id_estudiantes  {display: none;}

/*Doctorado en estudios culturales https://www.unap.cl/prontus_unap/site/edic/base/port/doctorado_estudios_culturales.html */
        #doec_id_inicio      {display: block;}
        #doec_id_lineas       {display: none;}
        #doec_id_plan   {display: none;}
        #doec_id_requisitos   {display: none;}
        #doec_id_academicos     {display: none;}
        #doec_id_recursos {display: none;}
        #doec_id_reglamentos {display: none;}

/*DFT https://www.unap.cl/prontus_unap/site/edic/base/port/dft_iquique.html */
        #dft_id_inicio          {display: block;}
        #dft_id_somos           {display: none;}
        #dft_id_beneficios      {display: none;}
        #dft_id_func_iqq        {display: none;}
        #dft_id_jefescarr_iqq   {display: none;}
        #dft_id_func_sedes      {display: none;}
        #dft_id_jefescarr_sedes {display: none;}




    @media only screen and (max-width: 768px) {
        .secc04-jefe-izq {    order: 2;    text-align: center;    margin-bottom: 20px;  }
        /*.secc04-subtit {font-size: 2.5rem; color: var(--sty-unap-azul);}
        .secc04-cargo {display:block; color: var(--sty-unap-celeste);}
        .secc04-col-rrss-ico{display:inline-block;}
        .secc04-col-rrss-txt{display:inline-block; margin-left: 20px;}*/
        .secc04-jefe-der       {display: flex;    flex-direction: column;    align-items: center;    order: 1; }
        .secc04-jefe-der-foto  {order: 1;    margin-left: 0;    max-width: 80%;    margin-bottom: 20px; }
        .secc04-jefe-txt-flota {order: 3;    position: relative;    width: 90%;    transform: none;    right: auto;    top: auto;    padding: 20px;}
        /*.secc04-jefe-txt-comillas{content: url("/prontus_unap/site/artic/20241203/imag/foto_0000000120241203130056/vcm-comillas-dobles.png"); width:35px; height:23px;}*/
        /*.secc04-jefe-txt{display: block; margin-left: 30px; margin-top: 40px;}*/
        .secc04-fila-rrss   {display:flex; align-items:center; justify-content: center;}
        
        
        
    }

  

  






/*Secciones COMUNES*/

/*secc-*/