body {
  font-family: "Roboto";
}
:root {
  --lista_menu_lateral_color: dimgrey;
}
.upctnewshubheader h1 {
  color: var(--lista_menu_lateral_color);
  font-size: 2.4em;
  margin-left: 1em;
}
.upctnewshubheader > div:nth-child(2) {
  /*border: 1px solid;*/
  border-width: 0;
  border-bottom-width: 1px;
  border-image-slice: 1;
  /*border-image-source: linear-gradient(to right, var(--lista_menu_lateral_color), white);*/
  border-image-source: linear-gradient(to right, white 1%, var(--lista_menu_lateral_color), white);
}
@media (max-width: 480px) {
  .upctnewshubheader h1 {
    margin-left: 0;
    font-size: 1.9em;
    text-align: center;
  }
}
@media (max-width: 990px) {
  .upctnewshubheader > div:nth-child(2) {
    border-image-source: linear-gradient(to right, white 1%, var(--lista_menu_lateral_color), white);
  }
}
.contenedor-bloques {
  margin-bottom: 4em;
}
.contenedor-bloques > div {
  margin-bottom: 2.7em;
}
/*Menú lateral*/
/*.lista_menu_lateral {
  padding-left: 3em;
  padding-top: 1em;
  list-style: none;
}
.lista_menu_lateral li {
  border-bottom: 1px dotted var(--lista_menu_lateral_color);
  font-size: 1.2em;
}
.lista_menu_lateral li a {
  color: var(--lista_menu_lateral_color);
  text-decoration: none;
}
.lista_menu_lateral li a:hover {
  color: #414141;
  text-decoration: underline;
}*/
/*************************************************INDEX*/
.contenedor-bloques-contenido > div {
  padding-bottom: 4em;
}
@media (max-width: 990px) {
  .contenedor-bloques-contenido, .contenedor-bloques-contenido > div {
    padding: 0;
  }
  .contenedor-bloques-contenido .gallery li .box {
    padding: 0 0 30px 0 !important;
  }
}
/*.contenedor-bloques-contenido > div:nth-child(1){
  border-top: 1px solid var(--lista_menu_lateral_color);
}*/
.contenedor-bloques-contenido h2 {
  color: #1a4d8d;
  font-size: 2.2em;
  padding-bottom: 0.7em;
  margin-left: 1em;
}
/*.bloque-twitter {
  margin: 0.5em;
}*/
.bloque-galeria {
  padding: 0px;
}
.gallery {
  padding-left: 0;
  margin: 0;
}
.contenedor-twitter {
  margin: 0;
}
.bloque-twitter > div, .bloque-galeria > div {
  position: relative;
}
.bloque-twitter > div {
  min-height: 300px;
  /*padding: 20px;*/
  /*background-color: #2E2E2E;
  border: 3px dashed black;*/
}
/*Final*/
/*.bloque-twitter > div > div {
  width: 100%;
  height: 100%;
}*/
/*iframe de Twitter timeline*/
iframe[id*="twitter-widget"] {
  display: block !important;
  /*margin: 0 auto !important;*/
  /*border: 10px solid #1da1f269 !important;*/
  border-radius: 10px;
  padding: 5px !important;
  background-color: white;
  box-shadow: 0 0 3px;
}
/*Redes sociales*/
/*.bloque-redes-sociales > div > div {*/
/*.enlaces-redes {
  position: relative;
  min-height: 20vh;
  display: flex;
  flex-direction: row;
}
.enlaces-redes::before {
  background-image: url("https://www-des.upct.es/newshub/imagenes/fondo_redes_sociales.jpg");
  background-size: cover;
  background-position: center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: opacity(50%);
}
.enlaces-redes div {
  width: 100%;
  height: auto;
  position: relative;
}
.enlaces-redes div a {
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}
.enlaces-redes div:nth-child(3) a span {
  border-radius: 25px;
}
.enlaces-redes div a span {
  font-size: 5em;
  line-height: 78px;
  transition: 0.3s;
  background-color: white;
  border-radius: 16px;
  padding: 3px calc(3px + 3px);
}
@media (max-width: 440px) {
  .enlaces-redes div a span {
    font-size: 3.5em;
    line-height: 57px;
    border-radius: 10px;
    padding: 1px calc(3px + 1px);
  }
  .enlaces-redes div:nth-child(3) a span {
    border-radius: 19px;
  }
}
.enlaces-redes div a span:hover {
  transform: scale(1.2);
}
.enlaces-redes div a .fa-facebook-square {
  color: #3157c2;
}
.enlaces-redes div a .fa-twitter-square {
  color: #70d3fb;
}
.enlaces-redes div a .fa-instagram {
  color: #f1307b;
  color: white;
  background-color: #f1307b;
}
.enlaces-redes div a .fa-linkedin-square {
  color: #0391d5;
}
.enlaces-redes div a .fa-tiktok {
  color: #798696;
  background-color: transparent;
  text-shadow: 0 0 10px white;
}*/
/*Nuevas redes sociales*/
.bloque-redes {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width:992px) {
  .bloque-redes {
    height: inherit;
  }
}
.bloque-redes-sociales {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.bloque-redes-sociales > div {
  height: 100%;
}
.enlaces-redes {
  display: flex;
}
.enlaces-redes div {
  width: 100%;
  display: flex;
}
.enlaces-redes div a {
  margin: 0 auto;
}
/**/
.enlaces-redes div a span {
  font-size: 5em;
  line-height: 78px;
  transition: 0.3s;
  background-color: white;
  border-radius: 16px;
  padding: 3px calc(3px + 3px);
}
.enlaces-redes div:nth-child(3) a span {
  border-radius: 25px;
}
.enlaces-redes div:last-child a {
  width: 84px;
}
@media (max-width:1199px) {
  .enlaces-redes div a span {
    font-size: 3.5em;
    line-height: 57px;
    border-radius: 10px;
    padding: 1px calc(3px + 1px);
  }
  .enlaces-redes div:nth-child(3) a span {
    border-radius: 19px;
  }
  .enlaces-redes div:last-child a {
    width: 59px;
  }
}
.enlaces-redes div a span:hover {
  transform: scale(1.2);
}
.enlaces-redes div a .fa-facebook-square {
  color: #3157c2;
}
.enlaces-redes div a .fa-twitter-square {
  color: #70d3fb;
}
.enlaces-redes div a .fa-instagram {
  color: #f1307b;
  color: white;
  background-color: #f1307b; /*1st*/
  background: linear-gradient(28deg, #fb0 14%, red, #75219b 70%); /*2nd*/
  background: linear-gradient(28deg, #fb0 14%, #ee4b4b, #7c339d 70%); /*3rd*/
}
.enlaces-redes div a .fa-linkedin-square {
  color: #0391d5;
}
.enlaces-redes div a .fa-tiktok {
  color: #798696;
  background-color: transparent;
  text-shadow: 0 0 10px white;
}
.enlaces-redes div a .fa-tiktok {
  color: #fff;
  background-color: #000;
  --tik: 3px;
  text-shadow: var(--tik) var(--tik) 0 #f93b7b, calc(var(--tik)*-1) calc(var(--tik)*-1) 0 #76EDF7;
  font-size: 4em;
  width: 100%;
  text-align: center;
}
@media (max-width:1199px) {
  .enlaces-redes div a .fa-tiktok {
    font-size: 3em;
    --tik: 2px;
  }
}
@media (max-width:436px) {
  .enlaces-redes {
    display: grid;
    grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
    row-gap: 1em;
  }
}
/*@media (max-width:358px) {
  .enlaces-redes {
    grid-template-columns: 50% 50%;
  }
}*/
/****************/
/*Galería de imágenes y vídeos*/
.bloque-galeria h2 {
  padding: 0 15px;
}
.bloque-galeria > div {
  height: 300px;
  padding: 15px;
  /*background-color: #2E2E2E;
  border: 3px dashed black;*/
}
.bloque-galeria > div a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transition: 0.3s;
}
.bloque-galeria > div a:hover {
  box-shadow: 0 0 30px #202020 inset;
}
.bloque-galeria > div h3 {
  font-size: 2.6em;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  margin: 10px;
  text-shadow: 0 0 7px black;
  z-index: 1;
}
.bloque-galeria > div p {
  text-align: center;
  font-size: 2.1em;
  color: white;
  width: max-content;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-shadow: 0 0 15px black;
}
@media (max-width: 480px) {
  .bloque-galeria > div p {
    width: min-content;
  }
}
.back-imagenes, .back-videos {
  background-size: cover;
  background-position: center; /*top right*/
}
.back-imagenes {
  background-image: url("https://www-des.upct.es/newshub/imagenes/imagenes.jpg")
}
.back-videos {
  background-image: url("https://www-des.upct.es/newshub/imagenes/videos.jpg")
}
.bloque-galeria .icono {
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px;
  font-size: 3.5em;
}
/*Contenedor contactos*/
.logoNewsHubInfo img {
  max-width: calc(var(--logoWidth) / 1.1);
  width: 100%;
}
div.info_contacto {
  padding: 1em 2em;
  background-color: #faf4f4;
  border-radius: 5px;
  width: 100%;
  /*margin-left: 30px;*/
}
@media(max-width:420px) {
  div.info_contacto {
    padding: 1em 0em;
  }
}
.info_contacto, .info_contacto p {
  /*text-align: center;*/
}
.info_contacto_container {
  padding: 0 15px;
  display: flex;
  justify-content: center;
}
.info_contacto_container span {
  margin-right: 4px;
  color: var(--blue);
}
.info_contacto_encabezado {
  padding: 10px;
  padding-top: 20px;
  font-size: 1.15em;
  /*font-weight: bold;*/
  color: #0097c6;
}
.info_contacto_encabezado h3 {
  margin-top: 0
}
.info_contacto_texto {
  margin-top: 20px;
}
/*LOGO NEWSHUB CABECERA*/ :root {
  --colNH: #1962bf;
  --logoWidth: 200px;
}
#cabeceraLogos .div1920px {
  position: relative;
}
.logoNewsHub {
  width: var(--logoWidth);
  position: absolute;
  /*left: calc(50% - 50px);
  top: 38px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*test*/
  /*border: 1px solid black;*/
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 5px;
  padding: 10px;
  scale: 1;
}
.info_contacto .logoNewsHub {
  /*logo contacto*/
  position: initial;
  padding-left: 0;
}
.logoNewsHub div {
  margin: 0 auto;
  max-width: var(--logoWidth);
}
/*Botón para ir arriba*/
.ir-arriba {
  border: 3px solid white;
  padding: 15px;
  background: #223369;
  font-size: 20px;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 30px;
  z-index: 2000;
}
/************************************************Galerías de imágenes*/ :root {
  --blue: #1b4f96;
  --bluedark: #193F74;
  --per: 95%;
}
.galeria {
  padding-top: 12px;
}
.galeria-row {
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 1em;
}
.btn-mostrar-todas {
  margin-top: 10px;
  margin-right: 16px;
  display: flex;
  flex-direction: row-reverse;
}
.btn-mostrar-todas button, .btn-mostrar div button {
  font-size: 1em;
  font-family: Roboto;
  background-color: var(--blue);
  border: none;
  border-radius: 3px;
  color: white;
  padding: 10px;
}
.btn-mostrar-todas button:hover, .btn-mostrar div button:hover {
  background-color: var(--bluedark);
}
.btn-mostrar-todas button span, .btn-mostrar button span {
  color: white;
}
.btn-mostrar {
  position: absolute;
  bottom: 0;
  right: 2%;
}
.btn-mostrar div {
  margin-bottom: 10px;
  margin-right: 16px;
}
.showHide {
  display: none;
}
.container-imagenes {
  padding-left: 14px;
  padding-right: 14px;
}
.container-img {
  display: inline-block;
  padding-bottom: 2em;
  min-height: 248px;
}
.texto_galeria {
  text-align: center;
  width: 100%;
  line-height: 1;
}
.imagen_galeria {
  max-width: 180px;
  font-size: 1em;
  margin: 0 auto;
}
.imagen_galeria img {
  display: block;
  border: 1px solid #cacaca;
  padding: 10px;
  box-shadow: 5px 5px 4px #cacaca;
  border-radius: 5px;
  width: 100%;
  background-color: white;
  transition: 0.2s;
}
.imagen_galeria img:hover {
  transform: scale(1.2);
}
.enlace_azul_fuerte {
  font-size: 17px;
}
.encabezado_apartado h2 {
  background: linear-gradient(135deg, var(--blue) calc(var(--per) - 50px), white calc(var(--per) - 50px), white calc(var(--per) - 40px), var(--blue) calc(var(--per) - 40px), var(--blue) calc(var(--per) - 30px), white calc(var(--per) - 30px), white calc(var(--per) - 20px), var(--blue) calc(var(--per) - 20px), var(--blue) calc(var(--per) - 10px), white calc(var(--per) - 10px), white calc(100%));
  color: white;
  padding: 6px 32px;
  margin-top: 0px;
  margin-bottom: 45px;
  border-radius: 5px;
}
/*Galería detalle imágenes*/
.celda_img {
  text-align: center;
}
.celda_img {
  text-align: center;
  font-size: 1.3em;
}
.celda_img img {
  width: 100%;
  border: 1px solid #cacaca;
  padding: 10px;
  box-shadow: 5px 5px 4px #cacaca;
  border-radius: 5px;
  background-color: white;
  margin-bottom: 10px;
  transition: 0.2s;
}
.celda_img img:hover {
  transform: scale(1.1);
}
/*mobile*/
@media (max-width: 1100px) {
  .encabezado_apartado h2 {
    background: var(--blue);
  }
  .celda_img, .texto_galeria .enlace_azul_fuerte {
    font-size: 1.1em;
  }
  .texto_galeria .enlace_azul_fuerte {
    padding: 0 5px;
  }
  .container-img {
    height: 350px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
/*Google maps*/
.mapouter .gmap_canvas iframe {
  position: relative;
  text-align: right;
  height: 230px;
  width: 100%;
  border: none;
  border: 1px solid #cecece;
}
/*Solicitud tareas*/
.lista_aplicaciones {
  list-style: none;
  padding-left: 0;
}
.lista_aplicaciones li:last-child {
  font-size: 1.4em;
}
.lista_aplicaciones h3 {
  font-size: 1.2em !important;
}