:root{ --bs-body-font-size: 16px; /*IMPORTANTE ====== esta en bootstrap con 14px*/ --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.9rem ; /*tamaño de items menues*/ --bs-link-hover-color:#0a58ca; /*--bs-navbar-hover-color:rgba(250, 255, 0, 0.7); --bs-nav-link-hover-color:var(--bs-navbar-hover-color);*/ /*.nav-link:hover{color:var(--bs-nav-link-hover-color)}*/ /*--bs-nav-link-hover-color:var(--bs-link-hover-color);*/ /*--bs-navbar-color: rgba(255, 0, 255, 0.55);*/ /*--sty-vrii-color-oscuro:#425167; cambia a 1D2836*/ --bs-btn-active-color:#045; --bs-btn-active-color:#f45; --sty-vrii-card-conc-padd-left: 15px; --sty-vrii-color-bg-cifras: rgba(3,105,177,0.1); --sty-vrii-color-oscuro:#1D2836; --sty-vrii-color-azul:#0071B6; --sty-vrii-color-blanco:#fff; --sty-vrii-nota-space-lat: 15px; --sty-vrii-color1-celeste: #00B0FF; --sty-vrii-color2-verde: #179398; --sty-vrii-color3-lila: #7648E1;--sty-vrii-color4-rojo: #BA2F63; --sty-vrii-color-azul-claro: #1A71AB; --sty-vrii-color-gris: #425469; --sty-vrii-color6-gris: #425469; --sty-vrii-color-naranjo:#ED9C22; --sty-vrii-pad-conc: 30px; --sty-vrii-marg-conc: 30px; --sty-vrii-size-masinfo: 0.9rem; --sty-vrii-size-cont: 0.9rem; --sty-vrii-size-tit: 2.2rem; --sty-unap-slide-sobre-txt-left: 60px; --sty-vrii-alto-button: 80px; } /*se cambio lila a de 535CBF a 7648E1, 30-9-2024*/ @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");} @font-face { font-family: asap_semicondensed-regular; src: url("/prontus_unap/font/asap/Asap_SemiCondensed-Regular.ttf") format("opentype");} @font-face { font-family: asap_semicondensed-bold; src: url("/prontus_unap/font/asap/Asap_SemiCondensed-Bold.ttf") format("opentype");} @font-face { font-family: asap_semicondensed-medium; src: url("/prontus_unap/font/asap/Asap_SemiCondensed-Medium.ttf") format("opentype");} @font-face { font-family: asap_semicondensed-bolditalic; src: url("/prontus_unap/font/asap/Asap_SemiCondensed-BoldItalic.ttf") format("opentype");} /*.body{font-family: asap_semicondensed-regular !important; color: #262628;}*/ html,body{font-family: asap_semicondensed-medium !important;} .card {--bs-card-border-radius: var(--bs-borde-card-CO);} .sty-color-naranjo {color:var(--sty-vrii-color-naranjo);} .sty-color-oscuro {color:var(--sty-vrii-color-oscuro);} .sty-color-bg-naranjo {background-color: var(--sty-vrii-color-naranjo);} .sty-color-bg-oscuro {background-color: var(--sty-vrii-color-oscuro);} .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-vrii-color-azul);} li a.link-azul:hover {color:var(--sty-vrii-color1-celeste);} /*Bloque Video */ .sty-vrii-video {background-color: var(--sty-vrii-color-oscuro); margin: 0; padding-top: 75px; width: auto; height: auto; overflow: hidden;} .sty-vrii-video video{width: 100%; z-index: 0;} /*MENU*/ .navbar, .nav-link { padding-top: 3px; padding-bottom: 3px;font-family: asap_semicondensed-bold; font-size: var(--bs-navbar-font-size); color: var(--bs-navbar-color-menu-items);} .nav-item a:hover { /*color: #eee;*/} .nav-link:hover { color: var(--sty-vrii-color1-celeste);} .nav-link-igenero:hover { color: var(--sty-vrii-color-naranjo);} /*para inesgenero*/ .nav-link:focus {color: #ddd;} .dropdown-toggle {} /*menu titulo de desplegable*/ .dropdown-item {font-family: asap_semicondensed-bold; color: var(--bs-navbar-color-menu-items-despleg); font-size: var(--bs-navbar-font-size); } /*items de menu desplegable*/ #vrii-logo-unap, #vrii-logo{opacity: 1; transition: opacity 0.6s;} #sty-vrii-menu-bloque {position: fixed; top: 30px; right: 0px; left: auto; background-color: var(--sty-vrii-color-oscuro); width: 100%; border: 0px; z-index: 101; padding-top: 20px; padding-bottom: 15px; transition: top 0.4s;} /*INI MENU-Desplegable: PARA QUE un item de menu que tiene hijos, no se despliegue con el clic, si no que con el hover*/ @media (min-width: 992px) { /* Mostrar menú desplegable al pasar el cursor */ .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } /* Hacer que el botón dropdown-toggle sea invisible pero funcional para Bootstrap */ .dropdown-toggle-split {position: absolute; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden;} } /* Estilos para la flecha hacia abajo si no tienes Font Awesome */ .dropdown-arrow {display: inline-block;margin-left: 0.3em;vertical-align: middle;font-size: 0.75em;} /* Alternativa si no tienes Font Awesome (usa un triángulo CSS) */ .dropdown-arrow:not(.fas):after {content: "";display: inline-block;width: 0;height: 0;margin-left: 0.255em;vertical-align: 0.255em;border-top: 0.3em solid;border-right: 0.3em solid transparent; border-bottom: 0;border-left: 0.3em solid transparent;} /*FIN MENU-Desplegable*/ ul.dropdown-menu {border: 0px solid black;background-color: var(--sty-vrii-color-oscuro); border-radius: 0px; padding-left: -10px; z-index: 111 !important;} ul.dropdown-menu li{background-color: var(--sty-vrii-color-oscuro); } ul.dropdown-menu li a{ color: white; padding-top: 15px; padding-bottom: 5px; padding-top: 5px; width: 100%; box-sizing: border-box; min-width: 200px;} ul.dropdown-menu li a:hover {background:var(--sty-vrii-color1-celeste); color: white; } .dropdown-menu.align-text-start { left: 0; /* Coloca el menú directamente bajo el borde izquierdo */ transform: translateX(-7px); /* texto izq de submenu alineado al padre*/} .sty-vrii-menu-bottom {/*bottom: 30px;*/} .sty-vrii-menu-bottom-item {font-family: asap_semicondensed-bold; text-align: right; color: var(--bs-navbar-color-menu-items);} .sty-vrii-menu-bottom-item-izq {font-family: asap_semicondensed-bold; text-align: left; font-size: 1.3em; color: var(--bs-navbar-color-menu-items);} .barra-bg-azul-txt-blanco { height: 52px; background-color: var(--sty-vrii-color-azul); display: flex; align-items: center; font-family: asap_semicondensed-medium; font-size: 1.0rem; color: white; padding-left: 15px; } .txt-der-video {border-left: 3px solid var(--sty-vrii-color-azul); padding-left: 7px; margin-left: 15px;} /*seccion p=port-prom, seccion derecha*/ /*Botones COMUN*/ .boton-comun-azu-txt-blanco {background-color: var(--sty-vrii-color-azul); border: 1px solid;border-color: var(--sty-vrii-color-azul); color: white; padding: 15px 10px; transition:all 0.6s;} .boton-comun-azu-txt-blanco:hover {background-color: white; border-color: var(--sty-vrii-color-azul);} .boton-comun-oscuro-txt-blanco {background-color: var(--sty-vrii-color-oscuro); border: 1px solid; border-color: var(--sty-vrii-color-oscuro); color: white; padding: 10px 13px; transition:all 0.6s;} .boton-comun-oscuro-txt-blanco:hover {background-color: white; border-color: var(--sty-vrii-color-oscuro);} /*Bloque banner*/ .sty-vrii-banner2-bloque {background: linear-gradient(to bottom, var(--sty-vrii-color-bg-cifras) 50%, transparent 50%)} .carousel-dark .carousel-caption {top: 5%; height:80%; right: auto; width: 300px; padding: 15px; text-align: left; background: rgba(3, 105, 177, 0.9); color: #fff;} /*left: 15%;*/ .sty-vrii-banner2-mas {position: absolute; bottom: 20px; width: 90%; color: #0369B1; background-color: #FFF;} .sty-vrii-banner2-tit {font-family: asap_semicondensed-medium;} .sty-vrii-banner2-txt {margin-top: 20px;} .sty-vrii-banner2-mas a {display: block;text-decoration: none; padding-left: 20px;} .sty-vrii-banner2-mas a::after {content: url(/prontus_unap/site/artic/20230627/imag/foto_0000000220230627120033/ico_arrow_right_azu.png); position: absolute; right: 10px;} /*content:"\f054";*/ .sty-vrii-bloque {margin-top: 60px; /*margin-bottom: 40px;*/} .sty-vrii-bloque-vincula {text-align: center;margin-top: 0px; /*margin-bottom: 40px;*/} /* es cero para que comience justo después del fono de arriba*/ .sty-vrii-bloque-tit {margin-bottom: 30px; color: var(--sty-vrii-color-azul); font-family: asap_semicondensed-bold; font-size: 1.563rem;} /* .sty-vrii-bloque-tit::after {content: url("/prontus_unap/site/artic/20230627/imag/foto_0000000320230627120033/ico_tit_seccion.png");}*/ .sty-vrii-bloque-tit-noti::before {content: url("/prontus_unap/imag/vriip/vrii_ico_noti_h20.png");} .sty-vrii-bloque-tit-conc::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_prox_concursos_h20.png");} .sty-vrii-bloque-tit-inv::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_inv_h20.png");} .sty-vrii-bloque-tit-ciencia::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_cs_abierta_h20.png");} .sty-vrii-bloque-tit-pers-inv::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_pers_investigadores_h20.png");} .sty-vrii-bloque-tit-centros::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_centros_instit_h20.png");} .sty-vrii-bloque-tit-comite::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_comite.png");} .sty-vrii-bloque-tit-edic a {color: var(--sty-vrii-color-oscuro);} .sty-vrii-bloque-tit-edic a:hover {color: var(--bs-link-hover-color);} .sty-vrii-bloque-tit-edic::after {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_edicion.png");} .sty-vrii-bloque-tit-genero::before {content: url("/prontus_unap/imag/vriip/vrii_ico_seccion_ines_genero_h20.png");} /*LEER el alto de cuerpo*/ .carousel-control-next, .carousel-control-prev { width: 1.5%; color: #00B0FF;} /* flechas izquierda y derecha en los slides, 15% original, es más al centro*/ @media only screen and (max-width: 600px) { /*.sty-vrii-bloque-tit {margin-bottom: 30px; color: var(--sty-vrii-color-oscuro); font-family: asap_semicondensed-bold; font-size: 1.563rem;}*/ .sty-vrii-bloque-tit {font-size: 1.0rem;} } .sty-global-seccion-footer {background-color: var(--sty-vrii-color-oscuro); } .sty-vrii-port-logo-unap {display: inline-block;} .sty-vrii-port-logo-vrii {display: inline-block; margin-left: 7px; padding-left: 7px; border-left: 1px solid white;} .sty-vrii-cifras-bloque {position: relative;} /* ////////////////////////////////////////////////////////////////////////// */ .vrii-color-azul {color: var(--sty-vrii-color-azul);} .vrii-bg-1 {background-image: url("/prontus_unap/site/artic/20240422/imag/foto_0000000420240422121903/vrii_bg_1.png"); z-index: 0;} .vrii-bg-2 {background-image: url("/prontus_unap/site/artic/20240422/imag/foto_0000000520240422121903/vrii_bg_2.png"); z-index: 0;} .bloque-icos {display: block; margin-bottom: 15px;} .bloque-icos-movil {display: none;} /*RRSS iconos*/ .vrii-rrss-ico-port {} .vrii-rrss-ico-port img, .vrii-port-ico-index img {display: inline-block; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s;} .vrii-rrss-ico-port img:hover, .vrii-port-ico-index img:hover {-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -ms-transform:scale(1.5); -o-transform:scale(1.5); transform:scale(1.5);} .vrii-port-ico-index {} .comun-banner-sup-migas-fin {font-weight: bold;} .vrii-sup-banner-puja {transform: translateY(-6px); border: 0px solid transparent; /* dejar el border transparent */} /* Keyframes para barra conocimiento y territorio */ .vrii_barra_territ {font-family: "asap_semicondensed-bold"; transform: translateY(-8px); padding-top: 10px; padding-bottom: 10px; font-size: 1.8rem; display:flex; justify-content: center; align-items: center; text-align: center;background-color: var(--sty-vrii-color-azul-claro);} .vrii-barra-territ-semicirc{z-index: 10; margin-top: 0px; margin-left: auto; margin-right: auto; background-color: var(--sty-vrii-color-azul-claro); width: 80px; height: 40px; border-radius: 0 0 50px 50px; transform: translateY(-8px);} .vrii-barra-territ-semicirc{z-index: 10; margin-top: 0px; margin-left: auto; margin-right: auto; background-color: var(--sty-vrii-color-azul-claro); width: 80px; height: 40px; border-radius: 0 0 50px 50px; transform: translateY(-9px);} .vrii-barra-territ-flecha {padding-top: 0px; transform: translateY(-8px);} /*NOTICIAS INI*/ .card { transition: all 0.8s;background-color: white; border-radius: 7px; overflow: hidden;} .card img{ transition: all 200ms;} .vrii-card-fecha {margin-top: 7px; z-index: 2; font-size: 0.8rem; color: var(--sty-vrii-color-azul); display: inline-block; margin-left:var(--sty-vrii-nota-space-lat); } .card .vrii-card-fecha-ico {margin-left: var(--sty-vrii-pad-conc);margin-top: 7px; z-index: 2; width: 15px; height: 15px; content:url('/prontus_unap/imag/vriip/vrii_ico_reloj.png'); } .card .card-nota-title {color: var(--sty-vrii-color-oscuro);} .card .vrii-nota-card-bloque-fecha {position: absolute; bottom: 0px; width: 60%; background-color: white; height: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); transition : all 0.8s;} .card .vrii-nota-card-bloque-fecha-after {transition: all 0.8s; background-color: white; content: ' '; position: absolute; top: 5px; right: -23px; width: 35px; height: 50px; transform: rotate(135deg); background-color: #fff;} .card .card-nota-btn-lee-mas {color: var(--sty-vrii-color-azul);} .card .card-nota-btn-lee-mas {border-top: 1px solid var(--sty-vrii-color-azul);} .card:hover {background-color: var(--sty-vrii-color-azul); transition: all 0.8s; cursor: pointer;} .card:hover img {transform: rotate(0deg) scale(1.1); } .card:hover .vrii-card-fecha {color: var(--sty-vrii-color-blanco);} .card:hover .vrii-card-fecha-ico {content: url('/prontus_unap/imag/vriip/vrii_ico_reloj_blanco.png');} .card:hover .card-nota-title {color: var(--sty-vrii-color-blanco);} .card:hover .vrii-nota-card-bloque-fecha{transition: all 0.8s; background-color: var(--sty-vrii-color-azul);} .card:hover .vrii-nota-card-bloque-fecha-after{transition: all 0.8s; background-color: var(--sty-vrii-color-azul);} .card:hover .card-nota-btn-lee-mas{color: var(--sty-vrii-color-blanco);} .card:hover .card-nota-btn-lee-mas{border-top: 1px solid var(--sty-vrii-color-blanco);} /*NOTICIAS Fin*/ /*.vrii-noticia-card {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); margin-top: 0px; margin-bottom: 14px; z-index: 2;}*/ /*z-index: 2 es para que quede sobre el ícono de prev y de next que tienen un ancho de 1450px*/ .card-nota-btn-lee-mas {margin-top: auto; margin-bottom: 0px; right: 0; left:0; font-family: "Montserrat-SemiBold"; font-size: var(--sty-vrii-size-masinfo); padding-top: 10px; border-top: 1px solid var(--sty-vrii-color-azul); margin-left: var(--sty-vrii-pad-conc); margin-right: var(--sty-vrii-pad-conc); } /*banner fijo*/ .vrii-banner-fijo1-row {box-shadow: 0px 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 10px; padding-left: 0px;} .vrii-banner-fijo1-col1 {padding-left: 0px; padding-right: 0px;} .vrii-banner-fijo1-tit{font-family: "asap_semicondensed-bold"; color:var(--sty-vrii-color-azul); font-size: 1.6rem; margin-top: 40px;} .vrii-banner-fijo1-txt{color:black; margin-top: 80px; text-align: justify;} .vrii-banner-fijo1-hr {color: var(--sty-vrii-color-azul); margin-top: 30px; border: 1px solid;} .vrii-banner-fijo1-somos a{color:var(--sty-vrii-color-azul); margin-top: 20px; font-family: "Montserrat-SemiBold"; font-size: var(--sty-vrii-size-masinfo); } .vrii-banner-fijo1-somos::after{font-weight: bold; margin-left: 10px; } /*Banner fijo USO COMUN --- ciencia abierta, InesGenero */ .sty-unap-banner-fijo { display: grid; grid-template-column: auto auto auto; /*gap: 10px;*/ box-shadow: 0px 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 10px; margin-left: auto; margin-right: center; padding-right: 0px !important; background-color: #FFF;} .sty-unap-banner-fijo-izq{grid-column: 1 /span 2; position:relative; } .sty-unap-banner-fijo-der{grid-column: 3; overflow: hidden; margin-left: auto;} .sty-unap-banner-fijo-der img{ border-radius: 0px 10px 10px 0px; text-align: right;} .sty-unap-banner-fijo-tit{font-family: "asap_semicondensed-bold"; color:var(--sty-vrii-color-azul); font-size: 1.6rem; margin-top: 40px; margin-left: 40px;} .sty-unap-banner-fijo-hr-y-mas {position: absolute; padding-top: 10px;bottom: 10px; left:0; right: 0; margin-left: 40px; border-top: 1px solid var(--sty-vrii-color-azul); color:var(--sty-vrii-color-azul);} .sty-unap-banner-fijo-mas{font-family: "Montserrat-SemiBold"; font-size: var(--sty-vrii-size-masinfo); color:var(--sty-vrii-color-azul); margin-top: 20px; margin-left: 50px;} .sty-unap-banner-fijo-mas::after{font-weight: bold; margin-left: 10px; } /*Banners, texto que va sobre los banner, alineado a la izquierda pero dentro del contenedor de 100px de ancho...en container-1400*/ .comun-banner-txt-izq {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} .comun-banner-txt-izq-w1400px {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; height: 100%;} /*CONCURSOS*/ .vrii-card-conc-obj-tit {font-family: "Montserrat-SemiBold";font-size: var(--sty-vrii-size-masinfo); color:#0071b6; display: inline-block; margin-top: 20px;} .vrii-card-conc-obj-cont {font-size: var(--sty-vrii-size-cont); margin-bottom: 30px; margin-top: 20px;} .vrii-card-conc-icoC {display: inline-block; width: 15px; height: 15px; content:url('/prontus_unap/imag/vriip/vrii_ico_prox_concursos.png');} .cardC{margin-top: 15px;box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border: 0px solid red;} .vrii-card-concurso {background-color: white; color: var(--sty-vrii-color-azul); transition: background-color 0.3s, color 0.3s; cursor: pointer; padding-top: var(--sty-vrii-pad-conc);padding-right: var(--sty-vrii-pad-conc); padding-left: var(--sty-vrii-pad-conc);} .vrii-card-concurso:hover .vrii-card-conc-icoC{content:url('/prontus_unap/imag/vriip/vrii_ico_prox_concursos_blanco.png');} .vrii-card-concurso:hover .vrii-card-conc-masC{border-top: 1px solid white;} #vrii-card-concurso1:hover, #vrii-card-concurso5:hover, #vrii-card-concurso9:hover { background-color: var(--sty-vrii-color1-celeste); color: white;} #vrii-card-concurso2:hover, #vrii-card-concurso6:hover, #vrii-card-concurso10:hover { background-color: var(--sty-vrii-color2-verde);color: white;} #vrii-card-concurso3:hover, #vrii-card-concurso7:hover, #vrii-card-concurso11:hover { background-color: var(--sty-vrii-color3-lila);color: white;} #vrii-card-concurso4:hover, #vrii-card-concurso8:hover, #vrii-card-concurso12:hover { background-color: var(--sty-vrii-color4-rojo);color: white;} .vrii-card-concurso div { color: inherit; /* hereda el color del texto del bloque */} .vrii-card-concurso a { text-decoration: none; color: inherit; /* hereda el color del texto del bloque */} .vrii-card-conc-masC {font-family:"Montserrat-SemiBold"; font-size: var(--sty-vrii-size-masinfo); right: 0; left:0; padding-top: 10px; padding-bottom: 20px;border-top: 1px solid var(--sty-vrii-color-azul); margin-left: var(--sty-vrii-pad-conc); margin-right: var(--sty-vrii-pad-conc); } .card-body {padding-left: var(--sty-vrii-pad-conc); padding-right: var(--sty-vrii-pad-conc); padding-bottom: 0px; } .card-nota-title {color: var(--sty-vrii-color-oscuro); font-size: var(--sty-vrii-size-cont); text-align: justify;} .card-nota-title a { text-align: justify;} .vrii-card-tit-C {display: block; font-size: 1.0rem; font-family: "asap_semicondensed-bold"; color: var(--sty-vrii-color-azul);} /*titulo de cada concurso*/ .vrii-card-fecha-icoC {display: inline-block; width: 15px; height: 15px; content:url('/prontus_unap/imag/vriip/vrii_ico_prox_concursos_h30.png');} /*Controles de banner */ /*banner de port-VRII(concursos) y banner de port-Concursos, se coloca aca para reutilizar cod*/ .port-conc-banner-ctr-prev {left: 40px;} .port-conc-banner-ctr-next {right: 40px;} .carousel-control-prev-Concurso {left: -40px;} .carousel-control-prev-icon-Concurso, .port-conc-banner-ico-prev { width: 30px; height: 30px; background-image: url("/prontus_unap/site/artic/20240509/imag/foto_0000000220240509145357/banner_flecha_izq.png");} .carousel-control-prev-icon-Concurso:hover, .port-conc-banner-ico-prev:hover { background-image: url("/prontus_unap/site/artic/20240509/imag/foto_0000000420240509145357/banner_flecha_izq_on.png");} .carousel-control-next-icon-Concurso, .port-conc-banner-ico-next { width: 30px; height: 30px; background-image: url("/prontus_unap/site/artic/20240509/imag/foto_0000000120240509145357/banner_flecha_der.png");} .carousel-control-next-icon:hover, .port-conc-banner-ico-next:hover { background-image: url("/prontus_unap/site/artic/20240509/imag/foto_0000000320240509145357/banner_flecha_der_on.png");} .carousel-dark .carousel-control-prev-icon-Concurso { filter: none;} /*filter: invert(1) grayscale(100);*/ .carousel-dark .carousel-control-next-icon-Concurso { filter: none;} /*filter: invert(1) grayscale(100);*/ .carousel-control-next-banner1 { right: -40px;} .carousel-control-next-Concurso, .carousel-control-prev-Concurso { width: 2%;} .carousel-control-next-nota {border: 0px solid; width: 1450px; left: 0px; right: -20px; margin-left: auto; margin-right: auto; z-index: 1;} /*z-index: 1 es para que quede bajo el bloque de notas que tiene un z-index de 2*/ .carousel-control-next-nota .carousel-control-next-icon{position: absolute; right: 0px;} .carousel-control-prev-nota {border: 0px solid; width: 1450px; left: -20px; right: 0px; margin-left: auto; margin-right: auto; z-index: 1;}/* no debe solaparse con el next, en la parte del ico*/ .carousel-control-prev-nota .carousel-control-prev-icon{position: absolute; left: 0px;} .container-1400{max-width: 1400px; margin-left: auto; margin-right: auto; padding-left: 7px; padding-right: 7px;} .container-1450{max-width: 1450px; margin-left: auto; margin-right: auto; padding-left: 7px; padding-right: 7px;} /*noticias*/ .carousel-indicators-banner1, .carousel-indicators-noticias, .carousel-indicators-concursos {bottom: -50px; /*transform: translateY(-20px);*/} /*margin-bottom:1rem; es cero para que baje mas los indicadores abajo centrales*/ .carousel-indicators [data-bs-target] { width:10px; height:10px; border-radius: 50%;} .scale1-1 { display: block; width: 100%; height: auto; transition: all 200ms;} .scale1-1:hover {transform: rotate(0deg) scale(1.1);} .vrii-secc-barras {display: flex; justify-content: center; align-items: center; font-family: "asap_semicondensed-bolditalic"; height: 60px; padding: auto; font-size: 1.5rem; background-color: var(--sty-vrii-color-azul); color: white; animation-name: change-background; animation-duration: 10s; animation-iteration-count: infinite;} @keyframes change-background { 0% {background-color: var(--sty-vrii-color-oscuro); /*#1D2836 gris*/} 30% {background-color: var(--sty-vrii-color-oscuro); /*#1D2836 gris*/} 65% {background-color: var(--sty-vrii-color1-celeste); /*#00B0FF CELESTE*/} 90% {background-color: var(--sty-vrii-color1-celeste); /*#00B0FF CELESTE*/} 100% {background-color: var(--sty-vrii-color-oscuro); /*#1D2836 gris*/} } /*barra muestra las palabras CREA, Vincula e Impacta, se usa en las pag icen, inte...*/ .barra-crea-vincula {text-align: center;margin-top: 0px;} /* es cero para que comience justo después del fono de arriba*/ .barra-crea-vincula-secc {position: relative; display: flex; justify-content: center;align-items: center; text-align: center; background-color: var(--sty-vrii-color-azul); overflow: hidden; height: 3.0rem; } .barra-crea-text {position: absolute; font-family: "asap_semicondensed-bold"; opacity: 0;font-size: 1.8rem; color: #fff; width: 100%; text-align: center; animation: fadeInOut 6s infinite; } .barra-crea-text:nth-child(1) { animation-delay: 0s; /* "CREA" */} .barra-crea-text:nth-child(2) { animation-delay: 1s; /* "" */} .barra-crea-text:nth-child(3) { animation-delay: 2s; /* "VINCULA" */} .barra-crea-text:nth-child(4) { animation-delay: 3s; /* "" */} .barra-crea-text:nth-child(5) { animation-delay: 4s; /* "IMPACTA" */} .barra-crea-text:nth-child(6) { animation-delay: 5s; /* "" */} @keyframes fadeInOut { 0%, 18% { opacity: 0; } 18%, 40% { opacity: 1; } 40%, 60% { opacity: 0; } 60%, 82% { opacity: 0; } 82%, 85% { opacity: 0; } 85%, 100% { opacity: 0; } } .vrii-pers-investig {position: relative; border: 0px solid red;} .vrii-pers-investig img {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 15px;} .vrii-pers-investig-boto {/*word-wrap: break-word;*/ position: absolute; bottom: 30px; left: 133px; /*padding: 20px;*/ /*margin-right:auto; border-radius: 0px;*/ line-height:0px; border: 0px solid blue;} .vrii-pers-investig-boto a {color: white;} .vrii-pers-investig-boto a:hover {transform: rotate(0deg) scale(1.1); font-weight: bold;} /*seccion investigación*/ .vrii-invest-img1,.vrii-invest-img2,.vrii-invest-img3,.vrii-invest-img4,.vrii-invest-img5 {display: inline-block; width: 50%;transition: all 0.8s;} .vrii-invest-img1 {position:absolute; left: 0px; z-index: 1;} .vrii-invest-img2 {position:absolute; left: 60%; z-index: 2;} .vrii-invest-img3 {position:absolute; left: 70%; z-index: 3;} .vrii-invest-img4 {position:absolute; left: 80%; z-index: 4;} .vrii-invest-img5 {position:absolute; left: 90%; z-index: 5; } .vrii-invest {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); position: relative; overflow: hidden; border: 0px solid red; min-height: 400px; border-radius: 15px;} /*.vrii-invest-oculta-der {position: absolute; right: -400px; width:500px; border: 1px solid; background-color: white; height: 500px; z-index: 10; }*/ .vrii-invest-img {padding-top: 0px; padding-bottom: 0px; padding-left: 0px;} .vrii-invest-img img {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 15px;} .vrii-invest-txt {position: absolute; top:30px; left: 145px; line-height: 2.5rem;margin-top: 10px; font-family: "asap_semicondensed-bold"; font-size: 2.2rem; color: #FFA;} .vrii-invest-boto {white-space: nowrap; position: absolute; bottom: 30px; left: 133px;} /*sin este: white-space: nowrap;....texto se solapa*/ .vrii-invest-boto a {color: white;} .vrii-invest-boto a:hover {font-weight: bold; } /*slides-sobrepuestos*/ /* .sty-unap-slide-sobre {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); position: relative; overflow: hidden; min-height: 400px; border-radius: 15px;} .sty-unap-slide-sobre-img {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .sty-unap-slide-sobre-img img {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 15px;} .sty-unap-slide-sobre-txt {left: var(--sty-unap-slide-sobre-txt-left);position: absolute; top:30px; left: 145px; line-height: 1.8rem;margin-top: 10px; font-family: "asap_semicondensed-bold"; font-size: 1.2rem; color: #FFF; } .sty-unap-slide-sobre-txt .slide-sobre-txt-titulo {font-size: 2.0rem; color: #fff;line-height: 120%; font-family: "asap_semicondensed-bold"; } .sty-unap-slide-sobre-txt .slide-sobre-txt-cont {line-height: normal; font-size: 1.0rem; text-align: justify;} .sty-unap-slide-sobre-boto {left: var(--sty-unap-slide-sobre-txt-left); white-space: nowrap; position: absolute; bottom: 30px; left: 133px; width: 500px; border-top: 1px solid #FFF;padding-top: 20px;} .sty-unap-slide-sobre-boto a {color: white;} .sty-unap-slide-sobre-boto a:hover { font-weight: bold; } */ /*lineas que van bajo el banner superior, en institutos*/ .bg-lineas-bajo-banner-sup {width: 100%;height: 50px;background-image: url('/prontus_unap/site/artic/20240904/imag/foto_0000000120240904185518/vrii_icen_bg_lineas.png'); background-size: cover; background-position: center;background-repeat: no-repeat; } /*slides-sobrepuestos , usa vrii.js para correr con mouse hover*/ .comun-slide-solapa-grupo {position: relative; box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); overflow: hidden; min-height: 400px; border-radius: 15px;} .comun-slide-solapa-grupo-1img {position: relative; /*box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22);*/ overflow: hidden; min-height: 400px; border-radius: 15px;} .comun-slide-solapa-item {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } .comun-slide-solapa-item img {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 15px;} .comun-slide-solapa-item-txt {left: var(--sty-unap-slide-sobre-txt-left);position: absolute; top:30px; left: 145px; margin-top: 10px; color: #FFF; } .comun-slide-solapa-item-txt .slide-sobre-txt-titulo {font-size: 2.0rem; color: #fff;line-height: 120%; font-family: "asap_semicondensed-bold"; } .comun-slide-solapa-item-txt .slide-sobre-txt-cont { border-top: 1px solid #fff;padding-top: 20px; line-height: normal; font-size: 0.85rem; text-align: justify; line-height: 140%;}/*font-family: "montserrat-regular";*/ .comun-slide-solapa-boto {left: var(--sty-unap-slide-sobre-txt-left); white-space: nowrap; position: absolute; bottom: 30px; left: 133px; width: 500px; border-top: 1px solid #FFF;padding-top: 20px;} .comun-slide-solapa-boto a {color: white; transition: font-weight 0.3s;} .comun-slide-solapa-boto a:hover { font-weight: bold; } .solapa-3imgs-n1, .solapa-3imgs-n2, .solapa-3imgs-n3, .solapa-4imgs-n1, .solapa-4imgs-n2, .solapa-4imgs-n3, .solapa-4imgs-n4, .solapa-5imgs-n1,.solapa-5imgs-n2,.solapa-5imgs-n3,.solapa-5imgs-n4,.solapa-5imgs-n5 {display: inline-block; width: 50%;transition: all 0.8s;} .solapa-5imgs-n1 {position:absolute; left: 0px; z-index: 1;} .solapa-5imgs-n2 {position:absolute; left: 60%; z-index: 2;} .solapa-5imgs-n3 {position:absolute; left: 70%; z-index: 3;} .solapa-5imgs-n4 {position:absolute; left: 80%; z-index: 4;} .solapa-5imgs-n5 {position:absolute; left: 90%; z-index: 5; } .solapa-3imgs-n1 {position:absolute; left: 0px; z-index: 1;} .solapa-3imgs-n2 {position:absolute; left: 60%; z-index: 2;} .solapa-3imgs-n3 {position:absolute; left: 80%; z-index: 3;} /*seccion centros banners que corren de derecha a izq*/ .vrii-centro {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); position: relative; overflow: hidden; border: 0px solid red; min-height: 400px; border-radius: 15px;} .vrii-centro-img {padding-top: 0px; padding-bottom: 0px; padding-left: 0px;} .vrii-centro-img img {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 15px;} .vrii-centro-boto {position: absolute; bottom: 30px; left: 133px; /*white-space: nowrap;*/} .vrii-centro-boto a {color: white;} .vrii-centro-boto a:hover { font-weight: bold; } .vrii-centro-img1,.vrii-centro-img2,.vrii-centro-img3,.vrii-centro-img4, .vrii-centro-img5 {display: inline-block; width: 50%;transition: all 0.8s;} /*.vrii-centro-img1 {position:absolute; left: 0px; z-index: 1;} .vrii-centro-img2 {position:absolute; left: 70%; z-index: 2;} .vrii-centro-img3 {position:absolute; left: 80%; z-index: 3;} .vrii-centro-img4 {position:absolute; left: 90%; z-index: 4;}*/ .vrii-centro-img1 {position:absolute; left: 0px; z-index: 1;} .vrii-centro-img2 {position:absolute; left: 60%; z-index: 2;} .vrii-centro-img3 {position:absolute; left: 70%; z-index: 3;} .vrii-centro-img4 {position:absolute; left: 80%; z-index: 4;} .vrii-centro-img5 {position:absolute; left: 90%; z-index: 5; } .reveal { position: relative; /*opacity: 0.8;*/} .reveal.active { opacity: 1;} .active.fade-bottom { animation: fade-bottom .9s ease-in;} /*.active.fade-bottom { animation: fade-bottom .9s ease-in;}*/ .active.fade-left { animation: fade-left .9s ease-in;} .active.fade-right { animation: fade-right .9s ease-in;} @keyframes fade-bottom { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-left { 0% { transform: translateX(-100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes fade-right { 0% { transform: translateX(100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } /*INI Página de ID Prom */ /*w-100 position-absolute top-50 start-0*/ .vrii-port-prom {width: 100%;border: 0px solid; position: absolute; bottom: 0px;} /*titulo y submenu sobre video*/ .vrii-id-prom-ini-epig{display: inline-block; padding: 7px 20px;width: auto; font-family: "asap_semicondensed-bold";font-size: 1.5rem;border: 0px solid blue; background-color: rgb(255,255,255, 0.3);} .vrii-id-prom-ini-tit { margin-top: 15px; font-family: "asap_semicondensed-bold";font-size: 2.0rem; line-height: 2.5rem;} .vrii-id-prom-ini-submenu-base { margin-bottom: 20px;} .vrii-id-prom-ini-submenu-base a{ color: white; transition: border-top 1.2s;} .vrii-id-prom-ini-submenu-base a:hover{ border-top: 1px solid; } .vrii-id-prom {min-height: 400px; position: relative; margin-top: 40px;} .vrii-id-prom:nth-child(2n+1) {background: linear-gradient(to bottom, rgb(40, 64, 88) 80%, rgb(255, 255, 255) 20%);} .vrii-id-prom:nth-child(2n) {background: linear-gradient(to bottom, rgb(26, 113, 171) 80%, rgb(255, 255, 255) 20%);} .vrii-id-prom-video {border: 0px solid blue;margin-top: 50px; border-radius:10px; box-shadow: 0 0px 7px rgba(0,0,0,0.25), 0 0px 7px rgba(0,0,0,0.22);} /* está en general-port.css comun-responsive-video comun-responsive-iframe .responsive-video { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;} */ .vrii-id-prom-linealeft {/*display: inline-block;width: 1px; height: 68px;background-color:white;*/ } .vrii-id-prom-titulo {position: relative; display: block; line-height:normal;border-left: 1px solid white; font-size: var(--sty-vrii-size-tit); font-family: "asap_semicondensed-bold"; margin-top: 50px; padding-left: 30px; color: white; padding-top:0px; padding-bottom: 0px;} .vrii-id-prom-titulo::before {content: ""; background-image: -webkit-linear-gradient(0deg, white 0); background-image: -ms-linear-gradient(0deg, blue 0, white 100px); background-size: 300px; position: absolute; left: 0px; top: 0px; height: 50px;} /*ACCORDION (bootstrap)*/ .vrii-accordion .accordion-button:not(.collapsed) {background-color: var(--sty-vrii-color-azul); color: white;}/*se fuerza lo de bootstrap*/ .vrii-accordion .accordion-button:not(.collapsed)::after {background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23ffffff"%3e%3cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e');} .vrii-accordion .accordion-button:hover .collapsed {color: white;} /*var(--sty-vrii-color-azul)*/ .vrii-accordion .accordion-button.collapsed:hover {color: #00b0ff;} .vrii-accordion .accordion-body {color: var(--sty-vrii-color-gris); font-size: 1.0rem; font-family: asap_semicondensed-medium; padding-bottom:40px;} /*@font-face { font-family: asap_semicondensed-medium; src: url("/prontus_unap/font/montserrat/asap_semicondensed-medium.otf") format("opentype");} @font-face { font-family: montserrat-semibold; src: url("/prontus_unap/font/montserrat/Montserrat-SemiBold.otf") format("opentype");} */ /* INI PORT-SOMOS INI///////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /*INI Página de ID SOMOS*/ .vrii-port-somos {width: 100%;border: 0px solid; position: absolute; bottom: 0px;} /*titulo y submenu sobre video*/ .vrii-somos-intro-bloque {width: 1060px;padding: 40px 90px; margin-left: auto; margin-right: auto; } .vrii-somos-intro-txt {font-size: 1.3rem; margin-top: 30px;} .vrii-somos-intro-txt span{display: block; margin-top: 20px; color: var(--sty-vrii-color-azul);} .vrii-somos-intro-ico-l {display: inline-block; width: 44%; height: 28px; border-bottom: 1px solid var(--sty-vrii-color-oscuro);} .vrii-somos-intro-ico {display: inline-block; height: 56px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px;} .vrii-somos-intro-ico-r {display: inline-block; width: 44%; height: 28px; border-bottom: 1px solid var(--sty-vrii-color-oscuro); margin-left:auto; margin-right: 0px; } .vrii-somos-intro-bloque .titulo {display: block; color: var(--sty-vrii-color-azul); text-align: justify; font-family: "asap_semicondensed-bold"; font-size: 2.3rem; font-weight: 900; margin-left: auto; margin-right: auto; } /*lo que va en menu, sobre el banner sup*/ .vrii-id-somos-ini-submenu-base { margin-bottom: 20px;} .vrii-id-somos-ini-submenu-base a{ color: white; transition: border-top 1.2s;} .vrii-id-somos-ini-submenu-base a:hover{ border-top: 1px solid; } /*fichas*/ .vrii-somos-fichas-bloque {margin-left: auto; margin-right: auto; box-shadow: -5px 5px 7px -4px rgba(66, 81, 103, 0.2);} .vrii-somos-ficha-menu {transition: all 06s; display: flex; justify-content: space-between; /* Alinea el 1er y últ botón a extr*/ align-items: center; border-bottom: 1px solid rgba(66, 81, 103, 0.2); } /*contiene las fichas*/ /*.vrii-somos-ficha-menu button*/ .vrii-ficha-boton { min-height: var(--sty-vrii-alto-button);display: block; width: 100%; transition: background-color 0.3s, color 0.3s; border: 0px; text-align: center; font-family: "montserrat-semibold"; color: white;background-color: var(--sty-vrii-color-azul); border-radius: 7px 0px 0px 7px; margin-bottom: 5px;} .vrii-somos-ficha4 {margin-right: 0%;} #vrii-somos-ficha1, #vrii-somos-ficha2, #vrii-somos-ficha3, #vrii-somos-ficha4 {padding: 30px; display: none;} #vrii-somos-ficha1, #vrii-somos-ficha2, #vrii-somos-ficha3, #vrii-somos-ficha4 p{text-align: justify;} #vrii-somos-ficha1 {display: block;} .vrii-somos-ficha-tit-movil{display: none;} /*solo se muestran los titulos sobres los txt de las fichas */ .vrii-somos-ficha-boto1, .vrii-somos-ficha-boto2, .vrii-somos-ficha-boto3, .vrii-somos-ficha-boto4 {box-shadow: 0px -7px 9px 0px rgba(0, 0, 0, 0.2); } /*vrii-somos-ficha-boto1 se hace click con js mas arriba, ver button.addEventListener */ .vrii-somos-ficha-boto1.active, .vrii-somos-ficha-boto2.active, .vrii-somos-ficha-boto3.active, .vrii-somos-ficha-boto4.active{background-color: white; color:var(--sty-vrii-color-oscuro); border-bottom: 0px; transform: translateY(2px);} /*SOMOS equipo de trabajo*/ .vrii-somos-pers-row {display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto; border: 0px solid #eee;} .vrii-somos-pers-card {border-radius: 25px; overflow: hidden; transition: all 0.6s; margin-left: auto; margin-right:auto; height: auto; box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22);} .vrii-somos-pers-card img {z-index: 1; transition: all 0.6s; display: block; } .vrii-somos-pers-card .color-bg {z-index: 2;position: absolute; top: 0;min-height: 100%;width: 100%; background-image: linear-gradient(to bottom, rgba(0, 113, 182, 0) 50%, rgba(0, 113, 182, 0.4) 70%, rgba(0, 113, 182, 0.8)); } /*style="box-shadow: 0px 0px 7px; background: linear-gradient(to bottom, rgba(0, 0, 255, 0) 0%, rgba(0, 0, 255, 1) 100%); "*/ .vrii-somos-pers-card .ocultar, .vrii-somos-pers-card .correo{z-index: 3;} .vrii-somos-pers-card .nombre span {font-size: 0.9rem; height: 3px; border-bottom: 1px solid white;} .vrii-somos-pers-card .cargo {font-size: 0.8rem;} .vrii-somos-pers-card .correo { color: transparent; font-size: 0.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; transition: all .8s;} .vrii-somos-pers-card:hover .correo{display: block; color: white;} .vrii-somos-pers-card:hover img{transform: scale(1.1); z-index: 100;} .vrii-somos-pers-card:hover .nombre span {border-bottom: 1px solid transparent; transition: all 0.6s;} .vrii-somos-pers-card .ocultar { position:absolute; top: 70%; display: block; width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; color: white; transition: all 0.6s;} .vrii-somos-pers-card:hover .ocultar {color: transparent;} /*oculta info*/ .comun-somos-pers-card {background-color: var(--sty-vrii-color-azul); width: 202px; height: 244px;} /*para 6 por fila*/ .comun-somos-pers-card .correo{position: absolute;top: 150px; width: 100%; color: white; text-align: center; opacity: 0;} .comun-somos-pers-card .nombre{font-size: 1.2rem; text-align: center; font-weight: bold;} .comun-somos-pers-card .cargo p{margin-bottom: 0px;} .comun-somos-pers-card:hover .correo{opacity: 1;} .comun-somos-pers-card .ocultar { position: absolute; top: 50%;display: block; width: 100%; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; color: white; transition: all 0.6s;} /*SOMOS equipo de trabajo INTE*/ .vrii-INTE-somos-pers-card {background-color: var(--sty-vrii-color2-verde); width: 202px; height: 244px; overflow: hidden; transition: display 0.6s; margin-left: auto; margin-right:auto; box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22);} .vrii-INTE-somos-pers-card img {z-index: 1; transition: all 0.6s; display: block; } .vrii-INTE-somos-pers-card .color-bg {z-index: 2;position: absolute; top: 0;min-height: 100%;width: 100%; background-image: linear-gradient(to bottom, rgba(0, 113, 182, 0) 50%, rgba(0, 113, 182, 0.4) 70%, rgba(0, 113, 182, 0.8)); } .vrii-INTE-somos-pers-card .ocultar, .vrii-INTE-somos-pers-card .correo{z-index: 3;} .vrii-INTE-somos-pers-card .nombre span {font-size: 0.9rem; height: 3px; font-weight: bold; } .vrii-INTE-somos-pers-card .cargo {font-size: 0.8rem;} .vrii-INTE-somos-pers-card .perfil {display: none; color: white; font-size: 0.8rem; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; transition: display 0.6s;} .vrii-INTE-somos-pers-card:hover .perfil{display: block; } .vrii-INTE-somos-pers-card .perfil:hover{display: block; } .vrii-INTE-somos-pers-card .perfil a{color: white; transition: color 0.6s;} .vrii-INTE-somos-pers-card .perfil a:hover{color: #eee;} .vrii-INTE-somos-pers-card:hover img{transform: scale(1.1); z-index: 100;} .vrii-INTE-somos-pers-card:hover .nombre span {border-bottom: 1px solid transparent; transition: all 0.6s;} .vrii-INTE-somos-pers-card .ocultar { position:absolute; top: 60%; display: block; width: 100%; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; color: white; transition: all 0.6s;} .vrii-INTE-somos-pers-card:hover .ocultar {display: none;} /*oculta info*/ /*INI Para mostrar datos de personas, quienes somos*/ .sty-COMUN-pers { position: relative; width: 202px; height: 244px; background: linear-gradient(to top, rgba(0, 0, 50, 0.7), rgba(0, 0, 50, 0) 50%), var(--sty-vrii-color-azul); overflow: hidden;} .sty-COMUN-pers img{filter: grayscale(100%); transition: filter 0.3s ease, transform .3s ease; } .sty-COMUN-pers:hover img{filter: grayscale(0); transform: scale(1.1);} .sty-COMUN-pers-INTE { background-color: var(--sty-vrii-color2-verde); } .sty-COMUN-pers-datos1, .sty-COMUN-pers-datos2 { width: 100%;padding-top: 30px; border-top:0px solid #eee; display: flex; justify-content: center; transition: opacity 0.6s ease-in-out; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 70%, rgba(0, 0, 0, 0.8) 100%); } .sty-COMUN-pers-datos1 {position: absolute; bottom: 0px; padding-left: 7px; padding-right: 7px; color: white; z-index: 2; /* Asegura que div1 esté encima al principio */} .sty-COMUN-pers-datos2 {position: absolute; bottom: 0px; padding-bottom: 10px; /*height: 100%;*/ color: white; opacity: 0; visibility: hidden; z-index: 1; /* Asegura que div2 esté debajo inicialmente */} .sty-COMUN-pers:hover .sty-COMUN-pers-datos1 { opacity: 0; visibility: hidden;} .sty-COMUN-pers:hover .sty-COMUN-pers-datos2 { opacity: 1; visibility: visible;} .sty-COMUN-pers-nombre span {font-size: 0.9rem; font-weight: bold;} .sty-COMUN-pers-cargo {font-size: 0.8rem;} .sty-COMUN-pers-perfil {color: white; font-size: 0.8rem;} .sty-COMUN-pers-perfil a{padding: 20px;color: white !important; transition: color 0.6s;} .sty-COMUN-pers-perfil a:hover{color: #eee;} /*Fin Para mostrar datos de personas, quienes somos*/ .vrii-boton-descarga {display: flex; align-items: center; border: 3px solid transparent; padding-top: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; line-height: 1.3rem; color: #FFF; background-color: var(--sty-vrii-color-oscuro);} a.vrii-boton-descarga {color: #fff !important;} a.vrii-boton-descarga::after {display: inline-block;content: url("/prontus_unap/imag/vriip/vrii-boto-icoDownBlancox40.png"); transform: scale(.5);} a.vrii-boton-descarga:hover {border-color: var(--sty-vrii-color-oscuro); color: var(--sty-vrii-color-oscuro) !important; background-color: #FFF; } a.vrii-boton-descarga:hover::after {display: inline-block;content: url("/prontus_unap/imag/vriip/vrii-boto-icoDownGrisx40.png"); transform: scale(.5);} .vrii-boton-descarga-azu {display: inline-block; color: var(--sty-vrii-color-azul) !important;} .vrii-boton-descarga-azu::before {vertical-align: middle; padding-right: 10px; content: url("/prontus_unap/imag/ico/boto-icoDownAzul-w25x20.png");} .vrii-boton-descarga-azu:hover a{color: var(--sty-vrii-color-oscuro) !important; /* Cambia el color del texto */} .vrii-boton-descarga-azu:hover::before {content: url("/prontus_unap/imag/ico/boto-icoDownGris-w25x20.png");} .vrii-boton-descarga-azu + .vrii-boton-descarga-azu { margin-left: 40px; /* aplica solo a boton que va despues de otro(no al 1ro */} .vrii-boton-descarga-azu + .boton-comun-azu-txt-blanco { margin-left: 40px; /* aplica solo a boton que va despues de otro(no al 1ro */} /*a.vrii-boton-descarga:hover::after {display: inline-block;content: url("/prontus_unap/imag/vriip/vrii-boto-icoDownGrisx40.png"); transform: scale(.5);}*/ /* FIN PORT-SOMOS FIN //////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ .vrii-id-prom-txt {border: 0px solid red; margin-top: 30px;padding-left: 60px; color: white;} .vrii-id-prom-botones{display: flex; align-items: center; margin-top: auto; margin-bottom: 10px; position: absolute; bottom: 10px; } .vrii-id-prom-botones-interior{display: flex; align-items: center; margin-top: auto; margin-bottom: 10px;} .vrii-id-prom-botones .btn {border: 3px solid transparent; padding-top: 0px !important; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; line-height: 1.3rem; color: #FFF;} /*btn de bootstrap*/ .vrii-id-prom-botones-interior .btn {border-color: white; border: 3px solid transparent; padding-top: 0px !important; padding-bottom: 0px; padding-left: 10px; padding-right: 10px; line-height: 1.3rem; color: #FFF;} /*btn de bootstrap*/ .vrii-id-prom-boton01 {display: flex; align-items: center; } .vrii-id-prom:nth-child(2n+1) .vrii-id-prom-boton01 {background-color: var(--sty-vrii-color-oscuro);} .vrii-id-prom:nth-child(2n) .vrii-id-prom-boton01 {background-color: var(--sty-vrii-color-azul-claro);} .vrii-id-prom-boton01::after {display: inline-block;content: url("/prontus_unap/imag/vriip/vrii-boto-icoDownBlancox40.png"); transform: scale(.5);} .vrii-id-prom:nth-child(2n+1) .vrii-id-prom-boton01:hover::after {display: inline-block;content: url("/prontus_unap/imag/vriip/vrii-boto-icoDownGrisx40.png"); transform: scale(.5);} .vrii-id-prom:nth-child(2n) .vrii-id-prom-boton01:hover::after {display: inline-block;content: url("/prontus_unap/imag/vriip/vrii-boto-icoDownAzulx40.png"); transform: scale(.5);} .vrii-id-prom:nth-child(2n+1) .vrii-id-prom-boton01:hover {border-color: var(--sty-vrii-color-oscuro); color: var(--sty-vrii-color-oscuro); background-color: #FFF; } .vrii-id-prom:nth-child(2n) .vrii-id-prom-boton01:hover {border-color: var(--sty-vrii-color-azul-claro); color: var(--sty-vrii-color-azul-claro); background-color: #FFF; } .vrii-id-prom-botones-interior .vrii-id-prom-boton01 {border-color: white;} .vrii-id-prom-botones-interior .vrii-id-prom-boton01:hover {border-color: white !important;} /* INI PORT-CONCURSOS INI//////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ .vrii-port-concursos {width: 100%;border: 0px solid; position: absolute; bottom: 0px;} /*titulo y submenu sobre video*/ .vrii-concursos-botones {margin-bottom: 10px;} .vrii-concursos-botones .boton { width: auto; margin-right: auto;line-height: 1.2rem; display: inline-flex; align-items: center; color: white;padding: 15px; background-color: var(--sty-vrii-color-azul); border: 2px solid var(--sty-vrii-color-azul); border-radius: 10px; transition: all 0.6s;} .vrii-concursos-botones .boton::after { content: url('/prontus_unap/imag/ico/ico_flecha_der_blanco_w20.png'); height: 15px; width: auto; margin-left: 20px;} .vrii-concursos-botones a.boton:hover {border: 2px solid blue; color: var(--sty-vrii-color-oscuro); background-color: white; border: 2px solid var(--sty-vrii-color-azul);} .vrii-concursos-botones a.boton:hover::after { content: url('/prontus_unap/imag/ico/ico_flecha_der_azul_oscuro_w20.png'); } .vrii-port-concursos-bloque {margin-top: 50px; padding-top: 30px; border-top: 1px solid #ddd;} .vrii-port-concursos-bloque .epigrafe {font-size: 1.3rem; color: var(--sty-vrii-color-oscuro); background-color: white; border: 0px solid var(--sty-vrii-color-azul);} .vrii-port-concursos-bloque .epigrafe::after {content: url('/prontus_unap/site/artic/20240627/imag/foto_0000000420240627145705/vrii-port-concursos-barras-invert.png'); margin-left: 20px; } .vrii-port-concursos-bloque .titulo {font-family: "asap_semicondensed-bold"; font-size: var(--sty-vrii-size-tit); color: var(--sty-vrii-color-azul); background-color: white; border: 0px solid var(--sty-vrii-color-azul);} .vrii-port-concursos-bloque .txt {} /*fichas port Concursos*/ .vrii-concursos-fichas-bloque { /*box-shadow: 7px 0px 8px 1px rgba(66, 81, 103, 0.2); border-radius: 15px 15px;*/} /*-5px 5px 7px -4px rgba(66, 81, 103, 0.2);}*/ .vrii-concursos-ficha-menu {transition: all 06s; display: block; border-right: 1px solid rgba(66, 81, 103, 0.2); } /*contiene las fichas*/ /*.vrii-concursos-ficha-menu button {min-height: var(--sty-vrii-alto-button); display: block; width: 100%; transition: background-color 0.3s, color 0.3s; border: 10px; margin-top: 5px; text-align: center; font-family: "montserrat-semibold"; color: white;background-color: var(--sty-vrii-color-azul); border-radius: 7px 0px 0px 7px;}*/ .vrii-concursos-ficha1 {margin-top: 0%;} .tabcontent2{min-height: 540px;} .vrii-concursos-ficha-tit-movil{display: none;} /*solo se muestran los titulos sobres los txt de las fichas */ .vrii-concursos-fichas-bloque .ficha-objetivo{border: 0px solid; display: flex; align-items: center; margin-top: 7px; padding-top: 15px; border-top: 1px solid var(--sty-vrii-color-oscuro); color: var(--sty-vrii-color-azul); font-weight: bold;} .vrii-concursos-fichas-bloque .ficha-objetivo::before { content: url('/prontus_unap/site/artic/20240627/imag/foto_0000000620240627145705/ficha-concursos-ico-obj.png'); margin-right: 10px;} .vrii-concursos-fichas-bloque .ficha-txt{margin-top: 15px;text-align: justify;} .vrii-concursos-fichas-bloque .ficha-datos{margin-top: 30px;border-top: 1px solid var(--sty-vrii-color-oscuro); padding-top: 20px;color: var(--sty-vrii-color-azul);} /* FIN PORT-CONCURSOS FIN ///////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* INI PORT-CEC INI//////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ .vrii-port-cec {width: 100%;border: 0px solid; position: absolute; bottom: 0px;} /*titulo y submenu sobre video*/ .vrii-cec-botones {margin-bottom: 10px;} .vrii-cec-botones .boton { width: auto; margin-right: auto;line-height: 1.2rem; display: inline-flex; align-items: center; color: white;padding: 15px; background-color: var(--sty-vrii-color-azul); border: 2px solid var(--sty-vrii-color-azul); border-radius: 10px; transition: all 0.6s;} .vrii-cec-botones .boton::after { content: url('/prontus_unap/imag/ico/ico_flecha_der_blanco_w20.png'); height: 15px; width: auto; margin-left: 20px;} .vrii-cec-botones a.boton:hover {border: 2px solid blue; color: var(--sty-vrii-color-oscuro); background-color: white; border: 2px solid var(--sty-vrii-color-azul);} .vrii-cec-botones a.boton:hover::after { content: url('/prontus_unap/imag/ico/ico_flecha_der_azul_oscuro_w20.png'); } .vrii-comun-bloque, .vrii-port-cec-bloque, .vrii-port-inte-bloque, .vrii-port-icen-bloque, .vrii-port-ceima-bloque, .vrii-port-instit-bloque {margin-top: 50px; padding-top: 30px; border-top: 1px solid #ddd;} .tit-con-backslash {font-size: 1.3rem; color: var(--sty-vrii-color-oscuro); background-color: white; border: 0px solid var(--sty-vrii-color-azul);} .tit-con-backslash::before {content: url('/prontus_unap/site/artic/20240627/imag/foto_0000000820240627145705/vrii-port-barras-invert-oscura.png'); margin-right: 20px; }/*/prontus_unap/site/artic/20240627/imag/foto_0000000420240627145705/vrii-port-concursos-barras-invert.png*/ .vrii-port-inte, .vrii-port-icen, .vrii-port-ceima, .vrii-port-instit {width: 100%;border: 0px solid; position: absolute; bottom: 0px;} /*titulo y submenu sobre video*/ .vrii-comun-bloque .titulo, .vrii-port-cec-bloque .titulo, .vrii-port-inte-bloque .titulo, .vrii-port-icen-bloque .titulo, .vrii-port-ceima-bloque .titulo, .vrii-port-instit-bloque .titulo {font-family: "asap_semicondensed-bold"; font-size: var(--sty-vrii-size-tit); color: var(--sty-vrii-color-oscuro); background-color: white;} .vrii-port-cec-bloque .txt {} /*fichas port CEC*/ .vrii-cec-fichas-bloque .col-izq, .vrii-cec2-fichas-bloque .col-izq, .vrii-concursos-fichas-bloque .col-izq, .vrii-mciencia-fichas-bloque .col-izq, .vrii-inte-fichas-bloque .col-izq, .vrii-icen-fichas-bloque .col-izq, .vrii-ceima-fichas-bloque .col-izq, .vrii-instit-fichas-bloque .col-izq {z-index: 1; position: relative; margin-right: -10px;} /* para que la columna izq se superponga a la de derecha y oculte el borde izquierdo de la col derecha*/ .vrii-mciencia-fichas-bloque .col-izq{margin-right: -4px;} /*no se ajusta con -10*/ .vrii-cec-fichas-bloque .col-der, .vrii-cec2-fichas-bloque .col-der, .vrii-concursos-fichas-bloque .col-der, .vrii-mciencia-fichas-bloque .col-der, .vrii-inte-fichas-bloque .col-der, .vrii-icen-fichas-bloque .col-der, .vrii-ceima-fichas-bloque .col-der, .vrii-instit-fichas-bloque .col-der {z-index: 0; position: relative; margin-left: -20px;} .vrii-cec-fichas-bloque a, .vrii-cec2-fichas-bloque a, .vrii-mciencia-fichas-bloque a, .vrii-inte-fichas-bloque a, .vrii-icen-fichas-bloque a, .vrii-ceima-fichas-bloque a, .vrii-instit-fichas-bloque a{color: var(--sty-vrii-color-oscuro);} .vrii-cec-ficha-menu, .vrii-cec2-ficha-menu, .vrii-mciencia-ficha-menu, .vrii-inte-ficha-menu, .vrii-icen-ficha-menu, .vrii-ceima-ficha-menu, .vrii-instit-ficha-menu {transition: all 06s; display: block; border-right: 1px solid rgba(66, 81, 103, 0.2); } /*contiene las fichas*/ .vrii-cec-ficha1, .vrii-cec2-ficha1, .vrii-mciencia-ficha1, .vrii-inte-ficha1, .vrii-icen-ficha1, .vrii-ceima-ficha1, .vrii-instit-ficha1 {margin-top: 0%;} #vrii-cec-ficha1, #vrii-cec2-ficha1, #vrii-mciencia-ficha1, #vrii-inte-ficha1, #vrii-icen-ficha1, #vrii-ceima-ficha1, #vrii-instit-ficha1 {display: block;} .tabcontent2, .tabcontent3, .tabcontent4, .tabcontent5, .tabcontent6, .tabcontent7, .tabcontent8{padding-top: 40px; padding-bottom: 15px; padding-left: 60px; text-align: justify;padding-right: 60px; box-shadow: 3px 0px 8px 1px rgba(66, 81, 103, 0.2); border-radius: 0px 15px 15px 15px;} .tabcontent3{min-height: 510px;}/*fichas de cec*/ .tabcontent4{min-height: 280px;} .tabcontent5{min-height: 253px;} .tabcontent6{min-height: 450px;} .tabcontent7{min-height: 280px;} .tabcontent8{min-height: 600px; } .tabcontent2 a, .tabcontent3 a, .tabcontent4 a, .tabcontent5 a, .tabcontent6 a, .tabcontent7 a, .tabcontent8 a{color: var(--sty-vrii-color-oscuro); font-weight: normal; transition: font-weight 0.3s ease;} .tabcontent2 a:hover, .tabcontent3 a:hover, .tabcontent4 a:hover, .tabcontent5 a:hover, .tabcontent6 a:hover, .tabcontent7 a:hover, .tabcontent8 a:hover{color: var(--sty-vrii-color-azul); } .tablinks1, .tablinks2, .tablinks3, .tablinks4, .tablinks5, .tablinks6, .tablinks7, .tablinks8 {box-shadow: -3px -1px 5px 0px rgba(0, 0, 0, 0.2); } .tablinks1.active, .tablinks2.active, .tablinks3.active, .tablinks4.active, .tablinks5.active, .tablinks6.active, .tablinks7.active, .tablinks8.active {box-shadow: -3px -1px 5px 0px rgba(0, 0, 0, 0.2); background-color: white; color:var(--sty-vrii-color-oscuro); border-bottom: 0px; transform: translateX(3px);} .tablinks5.active {color:var(--sty-vrii-color-azul); } /*color para las fichas de VRII*/ .vrii-cec-ficha-tit-movil, .vrii-cec2-ficha-tit-movil, .vrii-mciencia-ficha-tit-movil, .vrii-inte-ficha-tit-movil, .vrii-icen-ficha-tit-movil, .vrii-ceima-ficha-tit-movil, .vrii-instit-ficha-tit-movil{display: none;} /*solo se muestran los titulos sobres los txt de las fichas */ /*vrii-cec-ficha-boto1 se hace click con js, ver button.addEventListener */ .vrii-cec-fichas-bloque .ficha-objetivo{border: 0px solid; display: flex; align-items: center; margin-top: 7px; padding-top: 15px; border-top: 1px solid var(--sty-vrii-color-oscuro); color: var(--sty-vrii-color-azul); font-weight: bold;} .vrii-cec-fichas-bloque .ficha-objetivo::before { content: url('/prontus_unap/site/artic/20240627/imag/foto_0000000620240627145705/ficha-concursos-ico-obj.png'); margin-right: 10px;} .vrii-cec-fichas-bloque .ficha-txt, .vrii-cec2-fichas-bloque .ficha-txt{margin-top: 15px;text-align: justify;} .vrii-cec-fichas-bloque .ficha-datos, .vrii-cec2-fichas-bloque .ficha-datos{margin-top: 30px;border-top: 1px solid var(--sty-vrii-color-oscuro); padding-top: 20px;color: var(--sty-vrii-color-azul);} /* NOTICIAS CEC Carrusel*/ .comun-card-noticia {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); margin-top: 0px; margin-bottom: 14px; z-index: 2; transition: all 0.8s;} /*z-index: 2 es para que quede sobre el ícono de prev y de next que tienen un ancho de 1450px*/ /*.comun-card-noticia-inesgenero {transition: all 0.8s;}*/ .comun-card-noticia .card-img-top {transition: all 0.8s;} .comun-card-noticia .titulo{color: var(--sty-vrii-color-oscuro); font-size: var(--sty-vrii-size-cont); text-align: justify;} .comun-card-noticia .leemas {color:var(--sty-vrii-color-oscuro); margin-top: auto; margin-bottom: 0px; right: 0; left:0; font-family: "Montserrat-SemiBold"; font-size: var(--sty-vrii-size-masinfo); padding-top: 10px; border-top: 1px solid var(--sty-vrii-color-azul); margin-left: var(--sty-unap-noticia-margx15); margin-right: var(--sty-unap-noticia-margx15); } .comun-card-noticia .fecha {font-size: 0.8rem;color: var(--sty-vrii-color-oscuro); font-weight: bold;margin-top: 7px; z-index: 2; display: inline-block; margin-left:var(--sty-vrii-nota-space-lat); } .comun-card-noticia .fecha-ico {margin-left: var(--sty-unap-noticia-margx15); margin-top: 7px; z-index: 2; width: 15px; height: 15px; content:url('/prontus_unap/imag/vriip/vrii_ico_reloj.png'); } .comun-card-noticia .fecha-bloque {transition: all 0.8s; position: absolute; bottom: 0px; width: 65%; background-color: white; height: 30px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .comun-card-noticia .fecha-after{ content: ' '; position: absolute; top: 5px; right: -23px; width: 35px; height: 50px; transform: rotate(135deg); background-color: #fff;transition: all 0.8s; } .comun-card-noticia:hover {background-color: var(--sty-vrii-color-azul); cursor: pointer;} .comun-card-noticia:hover .card-img-top {transform: scale(1.2);} .comun-card-noticia:hover .fecha {color:var(--sty-vrii-color-blanco);} .comun-card-noticia:hover .fecha-ico {content: url('/prontus_unap/imag/vriip/vrii_ico_reloj_blanco.png');} .comun-card-noticia:hover .titulo {color:var(--sty-vrii-color-blanco);} .comun-card-noticia:hover .fecha-bloque {background-color: var(--sty-vrii-color-azul); } .comun-card-noticia:hover .fecha-bloque .inesgenero { background-color: var(--sty-unap-color-lila); } .comun-card-noticia:hover .fecha-after {background-color: var(--sty-vrii-color-azul); } .comun-card-noticia:hover .leemas {border-top: 1px solid var(--sty-vrii-color-blanco);} .comun-card-noticia:hover a.leemas {color: var(--sty-vrii-color-blanco);} /* FIN PORT-CEC FIN ///////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// ////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* INI PORT-MAS CIENCIA INI////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ .vrii-port-masciencia {width: 100%;border: 0px solid; position: absolute; bottom: 0px;} /*titulo y submenu sobre video*/ /*.vrii-masciencia-video iframe{width: 300px; height: 400px; padding-left: 0px;padding-right: 0px; margin-right: 10px;} */ /*width="315" height="560"*/ .vrii-masciencia-video img {box-shadow: 0 0px 10px rgba(0,0,0,0.25), 0 0px 10px rgba(0,0,0,0.22); border-radius: 14px; } /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius: 14px;*/ .vrii-masciencia-video .play {/*position: absolute; margin-top:100px; margin-left: 80px;content: url('/prontus_unap/site/artic/20240724/imag/foto_0000000120240724123157/vrii-ico-play-gris-w100.png');*/} /*CENTRAR el ícono play sobre las imagenes para ir a los videos de youtube*/ .vrii-masciencia-video .img-ambas {position: relative; max-width: 400px; max-height: 400px; margin: 0 auto;} .vrii-masciencia-video .img-ambas .img-grande {z-index: 1; width: 100%; height: 100%; object-fit: cover; } .vrii-masciencia-video .img-ambas .img-chica {z-index: 2; position: absolute; top: 50%; left: 50%; width: 20%; transform: translate(-50%, -50%); height: auto; object-fit: contain; filter: grayscale(100%);} .vrii-masciencia-video .img-ambas .img-chica:hover {opacity: 0.9; filter: grayscale(0%);} /*.vrii-masciencia-capsula iframe {border-radius: 10px;}*/ .vrii-masciencia-capsula iframe {box-shadow: 0 0px 10px rgba(0,0,0,0.25), 0 0px 10px rgba(0,0,0,0.22); border-radius: 14px; /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius: 14px;*/ } .vrii-port-masciencia-capsulas-rrss{ position: absolute; right: 0px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2); border-radius: 14px;} .vrii-port-masciencia-capsulas-rrss .titulo{font-size: 1rem; background-color:var(--sty-vrii-color-azul); color: white; text-align: center; padding: 10px 10px; border-radius: 10px 10px 0px 0px;} .vrii-port-masciencia-capsulas-rrss .iconos{ text-align: center; padding-top: 20px; padding-bottom: 20px;} .vrii-port-masciencia-capsulas-rrss .iconos img{ display: inline-block; transition: all 0.8s;} .vrii-port-masciencia-capsulas-rrss .iconos img:hover{ transform: scale(1.2); opacity: 0.8;} /* FIN PORT-MASCIENCIA FIN ///////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /* INI PORT- INTE INI////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ /*seccion centros banners que corren de derecha a izq*/ .vrii-inte {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); position: relative; overflow: hidden; border: 0px solid red; min-height: 400px; border-radius: 15px;} .vrii-inte-img {padding-top: 0px; padding-bottom: 0px; padding-left: 0px;} .vrii-inte-img img {box-shadow: 0 0px 14px rgba(0,0,0,0.25), 0 0px 14px rgba(0,0,0,0.22); border-radius: 15px;} .vrii-inte-boto {position: absolute; bottom: 30px; left: 133px; /*white-space: nowrap;*/} .vrii-inte-boto a {color: white;} .vrii-inte-boto a:hover { font-weight: bold; } .vrii-inte-img1,.vrii-inte-img2,.vrii-inte-img3 {display: inline-block; width: 50%;transition: all 0.8s;} .vrii-inte-img1 {position:absolute; left: 0px; z-index: 1;} .vrii-inte-img2 {position:absolute; left: 60%; z-index: 2;} .vrii-inte-img3 {position:absolute; left: 70%; z-index: 3;} /* FIN PORT- INTE FIN //////////// /////////////////////////////////////////////////////////////////// /////////////////////////////////////////////////////////////////// */ .muestra-bloque{ display: block;} .no-muestra-bloque{display: none;} @media only screen and (max-width: 1400px) { .vrii-port-prom, .vrii-port-somos {bottom: 0px;} .vrii-id-prom-titulo {font-size:1.6rem; /*margin-top: 50px;*/} .vrii-id-prom-ini-tit{font-size: 2.5rem; line-height: 2.8rem;} .vrii-id-prom-ini-epig{font-size: 1.0rem;} } @media only screen and (max-width: 1299px) { .sty-vrii-port-logo-vrii{border-left: 0px; margin-top: 10px;} } @media only screen and (max-width: 1000px) { /*.vrii-somos-fichas-bloque {margin-left: auto; margin-right: auto; box-shadow: -5px 5px 7px -4px rgba(66, 81, 103, 0.2);}*/ /*se ocultan las fichas(botones) y se dejan todas visibles*/ .vrii-somos-ficha-menu {display: none;} /*contiene las fichas*/ #vrii-somos-ficha1, #vrii-somos-ficha2, #vrii-somos-ficha3, #vrii-somos-ficha4 {display: block;} .vrii-somos-ficha-tit-movil{display: block;} /*se muestran los titulos sobres los txt de las fichas */ } @media only screen and (max-width: 768px) { } @media only screen and (max-width: 576px) { .sty-vrii-video video{width: auto; min-height: 250px; overflow: hidden;} .vrii-port-prom {bottom: 0px;} .vrii-port-somos {bottom: 0px;} .vrii-id-prom-titulo {font-size:1.0rem; /*margin-top: 50px;*/} .vrii-id-prom-ini-tit{font-size: 1.0rem; line-height: 1.2rem;} .vrii-id-prom-ini-epig{font-size: 1.0rem;} .container-1400{max-width: 576px; margin-left: auto; margin-right: auto; padding-left: 7px; padding-right: 7px;} .sty-menu-sup-row{display: none;} /*no muestra el menu superior comun, el general de unap*/ .sty-vrii-port-logo-unap{position: absolute; left: 10px; top: 10px;} .sty-vrii-port-logo-vrii{position: absolute; left: 100px; top: 10px;} .sty-vrii-port-logo-unap img{width: 80px; height: 40px; } .sty-vrii-port-logo-vrii img{width: 157px; height: 30px; } .vrii_barra_territ{font-size: 1rem;} .vrii-banner-fijo1-tit{margin-top: 10px;} .vrii-banner-fijo1-txt{margin-top: 20px;} #sty-vrii-menu-bloque {position: absolute; top: 0px; width: 100%; border: 0px solid; background: none; z-index: 15; padding-top: 0px;} .sty-vrii-menu-bottom {bottom:0px; border: 0px solid red;} .vrii-bloque-rrss {position: absolute; bottom: 0px;} .bloque-icos {display: none;} .bloque-icos-movil {display: block;} .grid-icos {display: grid; grid-template-columns: auto auto auto auto auto; margin-bottom: 10px;} .grid-ico1 {grid-column: 1;} .grid-ico2 {grid-column: 2;} .grid-ico3 {grid-column: 3;} .grid-ico4 {grid-column: 4;} .grid-ico5 {grid-column: 5;} .grid-ico1 img {width: 40%; height: auto; } .grid-ico2 img {width: 40%; height: auto;} .grid-ico3 img, .grid-ico4 img, .grid-ico5 img {width: 40%; height: auto;} .sty-unap-banner-fijo { display: grid; grid-template-column: auto auto auto; gap: 10px; background-color: #FFF; overflow: hidden;} .sty-unap-banner-fijo-izq{grid-column: 1 /span 2; position:relative; } .sty-unap-banner-fijo-der{grid-column: 3; overflow: hidden; margin-left: auto;} .sty-unap-banner-fijo-tit{font-size: 1.0rem; margin-top: 40px; margin-left: 10px;} .sty-unap-banner-fijo-hr-y-mas {position: absolute; padding-top: 10px;bottom: 10px; left:0; right: 0; margin-left: 10px; border-top: 1px solid var(--sty-vrii-color-azul); color:var(--sty-vrii-color-azul);} .sty-unap-banner-fijo-mas{ font-size: var(--sty-vrii-size-masinfo); color:var(--sty-vrii-color-azul); margin-top: 20px; margin-left: 50px;} .sty-unap-banner-fijo-mas::after{font-weight: bold; margin-left: 10px; } } /*FIN modo celular*/