/* STYLES  */
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.cdnfonts.com/css/caviar-dreams");

html,
body {
  overflow-x: hidden;
  width: 100%;
  font-family: "Raleway", sans-serif;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.section {
  margin-top: -10px;
}

/* Estilos textos */
h1 {
  font-family: "Caviar Dreams", sans-serif;
  font-weight: 800;
  font-size: 4rem;
  color: #333;
}

h2 {
  font-family: "Caviar Dreams", sans-serif;
  font-size: 3rem;
  font-weight: 800;
  text-align: left;
}

h1 a,
h2 a {
  font-family: "Caviar Dreams", sans-serif !important;
  font-weight: 800;
}

h4.textRed:hover {
  font-weight: bolder;
}

h3 {
  font-family: "Caviar Dreams", sans-serif;
  font-size: 1.2rem;
  font-weight: 800;
}
h4 {
  font-family: "Raleway", sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: left;
}

.visually-hidden-focusable {
  position: absolute !important;
  top: 0;
  left: 0;
  padding: 1rem !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  z-index: 1000 !important;
}

p {
  text-align: justify !important;
  /*text-align-last: justify !important; /* Para que también la última línea quede justificada */
}

p,
li {
  font-family: "Raleway", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  /*text-align: left !important;*/
  /*text-align: justify !important;*/
}

li {
  font-size: 1rem;
}

a {
  /*font-family: "Caviar Dreams", sans-serif !important;*/
  color: #333 !important;
  text-decoration: none;
  font-family: inherit;
}

a:hover {
  color: #d11602 !important;
  text-decoration: none;
  font-weight: 700 !important;
}
h2.title {
  border-left: 12px solid #d10002;
  padding: 1rem 2.5rem;
  margin-bottom: 30px;
}

.bold {
  font-weight: 600;
}
.bold2 {
  font-weight: 500;
}
.mb0 {
  margin-top: 0;
  margin-bottom: 0rem;
}
.little {
  font-size: 0.9rem;
}
.lineheight {
  line-height: 0.7;
}
.logo-img {
  max-width: 300px;
  width: 100%;
  height: auto;
}
.bigger {
  font-weight: 700;
  font-size: 3rem;
}
.small {
  font-size: 1.2rem;
}
.smaller {
  font-size: smaller;
}
.bolder {
  font-weight: bolder;
}
.inline {
  display: inline-block;
}

.navbar .navbar-dark .bg-dark .navbar-expand-xl {
  border-bottom-width: 1px solid #d11602 !important;
}
.title2.minH {
  min-height: 540px;
}
/* ESTILOS NAVEGACION */

.region.region-primary-menu {
  display: flex; /* Activa el diseño en línea */
  justify-content: space-between; /* Distribuye el espacio entre los elementos */
  align-items: center; /* Alinea los elementos verticalmente */
}

.region.region-primary-menu nav {
  flex-grow: 1; /* Hace que el menú ocupe todo el espacio disponible */
}

#block-bootstrap-subtheme-buscador {
  margin-left: 28px !important; /* Agrega espacio entre el menú y el buscador si lo necesitas */
}

#navbar-top {
  padding-bottom: 0px !important;
}

.bg-dark {
  background-color: rgb(255, 255, 255) !important;
}

#navegacion2 {
  justify-content: flex-end;
}
.navbar {
  background-color: #fff;
}
.border-bottom-red {
  border-bottom: 14px solid #d11602 !important;
}
.border-top-red {
  border-top: 1px solid #d11602;
}
.border-left-red {
  border-left: 3px solid #d11602;
  padding-right: 20px;
  margin-bottom: 10px;
}
.btn-secondary {
  color: #d11602;
  background-color: #fff;
  border-color: #d11602;
  padding: 5px 65px;
  border-radius: 0px;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #414042;
  border-color: #414042;
}

.nav-link {
  text-align: left;
}

.bkgGrey {
  background-color: rgba(51, 51, 51, 0.2);
}

/******************* primer menú **********/

/* Estilo general para la barra de navegación */
#navegacion1 {
  width: 100%; /* Ocupa todo el ancho de la página */
  height: 96px; /* Altura fija */
  background-color: #ffffff !important; /* Color de fondo */
  border-bottom: 1px solid #d10002; /* Borde rojo inferior */
  margin-right: 17px !important;
  margin-top: 36px !important;
}

/* Estilo para el contenedor */
.container-fluid {
  justify-content: space-between !important; /* Alinear elementos a los lados */
  align-items: center !important; /* Centrar verticalmente los elementos */
}

/* Estilo para la imagen izquierda */
.left-image {
  height: 81px; /* Altura de la imagen */
  width: 236px; /* Mantener proporción */
  padding-left: 15px;
}

/* Estilo para la lista de navegación */
.navbar-nav {
  flex-direction: row !important;
}

/* Estilo para los botones */
.btn-portal,
.btn-dona {
  border-radius: 1px; /* Bordes redondeados */
  text-decoration: none; /* Sin subrayado */
  margin-left: 8px; /* Espacio entre botones */
  color: white; /* Color del texto */
  cursor: pointer !important;
  transition: background-color 0.3s ease !important;
  font-family: "Raleway", sans-serif !important;
  font-size: 19px !important;
  font-weight: 398 !important;
}

/* Estilo específico para el botón "Portal de Investigadores" */

.btn-portal {
  width: 234.91px;
  height: 50px;
  background-color: white; /* Fondo blanco */
  border: 1px solid #d10002; /* Borde rojo */
  color: #d10002; /* Texto rojo */
  border-radius: 0px !important;
  padding-top: 0.65rem !important;
}

.btn-portal:hover {
  background-color: #d10002;
  color: white !important;
  font-weight: 700 !important;
}

/* Estilo específico para el botón "Suscribirme" */
.btn-Suscribirme {
  width: 308.4px !important;
  height: 50px !important;
  background-color: #ffffff !important;
  border: 1px solid #d10002 !important;
  color: #d10002 !important;
  margin-left: 8px;
  border-radius: 0px !important;
  font-family: "Raleway", sans-serif !important;
  font-size: 19px !important;
  font-weight: 398 !important;
  padding-top: 0.65rem !important;
}

.btn-Suscribirme:hover {
  background-color: #d10002 !important;
  color: #ffffff !important;
  border: 1px solid #d10002 !important;
  font-weight: 700 !important;
}

/* Estilo específico para el botón "Dona" */
.btn-dona {
  width: 178.4px !important;
  height: 50px !important;
  background-color: #ffffff !important;
  border: 1px solid #d10002 !important;
  margin-right: 17px;
  color: #d10002 !important;
  border-radius: 0px !important;
}

.btn-dona:hover {
  background-color: #d10002 !important;
  color: #ffffff !important;
  border: 1px solid #d10002 !important;
  font-weight: 700 !important;
  margin-right: 17px;
}

.icon-img {
  width: 50px; /* Ajusta el tamaño de la imagen */
  height: 42px; /* Ajusta el tamaño de la imagen */
  margin-right: 8px; /* Espacio entre la imagen y el texto */
}

.navbar {
  display: block !important;
}

.bg-light {
  background-color: #fff !important;
}

/* Reducir el espacio entre los iconos de las redes sociales */
.btn-social {
  padding: 0 !important; /* Eliminar padding interno de los botones */
  margin-right: 5px !important; /* Espacio entre los iconos */
}

.navbar-nav .nav-item {
  margin-right: 0 !important; /* Eliminar márgenes extra entre los elementos */
}

/* Asegurarse de que los iconos tengan un tamaño uniforme */
.btn-social img {
  width: 52px !important;
  height: 37px !important;
  display: inline-block !important;
  vertical-align: middle !important; /* Alinear mejor con el contenido */
}

/* FAlmeida */
.width100p {
  width: 100% !important;
}

.buscarTextoCSS {
  margin: 1rem !important;
}

/* Ajustar el navbar para eliminar espacio extra */
#navegacion1 {
  padding: 0 !important; /* Asegurarse de que el navbar no tenga padding extra */
}

@media (max-width: 991.98px) {
  #navegacion1 {
    display: none !important;
  }

  @media (max-width: 991.98px) {
    #navegacion1 ul.navbar-nav.d-flex.align-items-center {
      display: none !important;
    }
  }

  #botones-clonados-responsive .btn {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    text-align: left;
  }

  #botones-clonados-responsive .nav-item {
    margin-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .align-items-center {
    margin-top: 10%;
  }
}

/**********************  SEGUNDA BARRA   **********************/
/* Estilos generales del navbar */
.navbar.navbar-dark.bg-dark.navbar-expand-lg {
  display: flex !important;
  /* justify-content: flex-end !important;*/
  width: 100% !important;
  padding-left: 400px;
  margin-right: 19px !important;
  padding-right: 17px !important;
  border-bottom: 14px solid #d10002 !important;
}

/* Color de fondo principal */
.bg-primary {
  background-color: #fff !important;
  margin-top: -8px !important;
  position: relative !important;
  top: 0 !important;
  transition: top 0.3s !important;
}

/* Estilos de los enlaces */
.navbar-dark .navbar-nav .nav-item.active > .nav-link,
.navbar-dark .navbar-nav .nav-item.is-active > .nav-link {
  color: #d10002 !important;
  font-weight: 700 !important;
}

.navbar-dark .navbar-nav .nav-link {
  color: #707172;
  font-family: "Raleway", sans-serif;
  font-size: 1.1rem !important;
  font-weight: 500 !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
  color: #d10002 !important;
  font-weight: 700 !important;
}

/* Ícono de lupa */
.mi-clase-de-imagen1 {
  width: 43px !important;
  height: 44px !important;
  margin-left: 28px !important;
  margin-right: 29px !important;
}

/* Padding del contenedor */
#navbar-main {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  padding-right: 22px !important;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  color: #d10002;
  padding-left: 22px;
}

.navbar-toggler {
  background-color: #e9ecef;
}

/* Estilos SOLO para tablets y móviles (pantallas menores a 992px) */
@media (max-width: 991.98px) {
  /*region.region-primary-menu {
    display: block;
  }*/
  ul.navbar-nav {
    display: block !important;
    flex-direction: column;
  }

  ul.navbar-nav > li {
    display: block;
    margin-bottom: 0.5rem;
  }

  #block-bootstrap-subtheme-buscador {
    display: flex !important;
    align-items: center;
    margin-left: 10px !important;
    margin-top: 5px !important;
  }

  .navbar-toggler + #block-bootstrap-subtheme-buscador {
    order: 1;
  }

  .menu-responsive-wrapper {
    position: relative;
  }

  #block-bootstrap-subtheme-buscador {
    position: absolute;
    top: 0;
    left: 81% !important;
    z-index: 1000;
  }
}

.btn-close-menu {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #000;
  cursor: pointer;
  display: block;
}

/*************** Menu responsive  ******************/

/* Ocultar menú en pantallas grandes */
@media (min-width: 992px) {
  .header-wrapper {
    display: none !important;
  }
}

/* Mostrar menú solo en tablets y móviles */
@media (max-width: 991px) {
  .header-wrapper {
    display: flex !important;
  }
}

.header-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Botón Hamburguesa */
.header-hamburger-btn {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 100;
  padding: 0;
}

.hamburger-line {
  display: block;
  width: 25px;
  height: 3px;
  background: #d10002;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Estado activo del botón */
.header-hamburger-btn.active .hamburger-line:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.header-hamburger-btn.active .hamburger-line:nth-child(2) {
  opacity: 0;
}
.header-hamburger-btn.active .hamburger-line:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Logotipo */
.header-logo {
  display: flex;
  align-items: center;
  gap: 15px;
}

.header-logo-primary {
  height: 40px;
  width: auto;
}

.header-logo-icon {
  height: 30px;
  width: auto;
}

/* Menú Desplegable */
.header-nav {
  display: none;
  position: absolute;
  top: 100%;
  right: 20px;
  width: 88%;
  max-width: 95%;
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  z-index: 99;
  padding: 10px 0;
}

.header-nav.active {
  display: block;
}

.header-nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-nav-item {
  border-bottom: 1px solid #f0f0f0;
}

.header-nav-link {
  display: block;
  padding: 12px 20px;
  color: #d10002;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.3s;
}

.header-nav-link:hover {
  background-color: #f8fafc;
}

#headerNav {
  left: 21px;
}

@media (max-width: 991px) {
  #header {
    display: none !important;
  }
}

/*****************************  IMAGEN ANCHO COMPLETO, PAGINA DE INICIO   *********************/

.slider_ {
  background-image: url("/sites/default/files/2024-10/edificioIdipaz.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
}

/* Para pantallas más pequeñas */
@media (max-width: 768px) {
  .slider {
    height: 250px;
  }
}

/***************************** CONTADOR ************************/

#Contador {
  background-color: #d10002;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 200px;
  text-align: center;
  display: flex;
  margin-bottom: 49px;
}

.white.text-center.special {
  margin-top: 0px !important;
  color: #fff !important;
}

.white.text-center {
  margin-top: 0px !important;
  color: #fff !important;
}

h3.special {
  font-family: "Raleway", sans-serif;
  font-size: 5rem;
  font-weight: 800;
}

#content {
  padding-left: 0px !important;
  margin-left: 0px !important;
  padding-right: 0px !important;
}

/******************************* Titulo Entidades *****************************************/

.title {
  border-left: 12px solid #d10002 !important;
  font-size: 24px;
  color: #333;
  margin-top: 0px !important;
}
.text-center-custom {
  text-align: center;
  margin-top: -49px !important;
}

.img-contenedor {
  text-align: center;
}

.img-pequeña {
  max-width: 80rem;
  height: auto;
  display: inline-block;
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.title {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.container {
  margin: 0 auto;
  padding-left: 0px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.row {
  display: flex; /* Usa flexbox para la disposición */
  text-align: start !important;
}

.col,
.col1 {
  flex: 1 0 0% !important;
  padding-left: 20px !important;
}

.title.py-4 {
  margin-top: 45px;
  padding-top: 31px;
  margin-bottom: 0px;
  margin-left: 24px;
}

/************************ INVESTIGAMOS ***************************/

#Investigacion {
  background-image: url("/sites/default/files/2024-10/bkgCampanias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 480px;
  text-align: center;
}

.bkgWhite {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 50px;
  padding-right: 150px;
  padding-bottom: 90px;
  min-height: 350px;
  width: 110%;
  backdrop-filter: blur(10px);
}
.bkgWhite1 {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 50px;
  min-height: 350px;
  width: 110%;
  backdrop-filter: blur(10px);
  padding-right: 150px;
  /* padding-bottom: 90px; */
}
.bkgWhite6 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 50px;
  min-height: 350px;
  width: 110%;
  backdrop-filter: blur(10px);
  padding-right: 150px;
  /* padding-bottom: 90px; */
}

/* Estilos del botón */
/*LGallardo: comentado temporalmente*/
.btn-primary:hover {
  color: #fff !important;
  background-color: #d10002 !important;
  border-color: #ffffff !important;
  /* padding: 6px 65px !important; */
  border-radius: 0px !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #333 !important;
  border-color: #333 !important;
  /*LGallardo: si se desconfigura los botones, comenta el padding*/
  padding: 6px 46px !important;
  border-radius: 0px !important;
}

@media (max-width: 768px) {
  .btn-primary {
    display: block;
    width: 100%;
    margin: 1rem auto;
    text-align: center;
  }
}

/* Animación de parpadeo */
@keyframes myAnim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Clase para la flecha parpadeante */
.arrowRight {
  width: 31px;
  height: 20px;
  background-image: url("/sites/default/files/2024-10/arrowRight.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  animation: myAnim 2s ease-in-out infinite;
  margin-left: 10px;
}

/******************************************* Eventos *********************************/

#Actualidad {
  margin-top: 49px !important;
}

.special2 {
  font-size: 2rem;
  font-weight: 600;
  color: #d10002;
  font-family: "Caviar Dreams", sans-serif;
}

.event_lnk_title {
  font-weight: 600;
  color: #d10002;
  font-family: "Caviar Dreams", sans-serif;
}

.event_date.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  color: #d10002;
}

.p-3 {
  padding: 1rem !important;
}

.event_lnk_more {
  color: #414042;
  font-weight: 600;
}
.event_lnk_more:hover {
  color: #d10002;
  font-weight: 600;
}

.col.d-flex.justify-content-center.py-4 {
  margin-left: 0px;
}

.but21:hover {
  color: #fff !important;
  background-color: #d10002 !important;
  border-color: #d10002 !important;
  padding: 10px 65px !important;
  border-radius: 0px !important;
}

.but21 {
  color: #d10002 !important;
  background-color: #ffffff !important;
  border-color: #d10002 !important;
  padding: 10px 65px !important;
  border: 1px solid #d10002;
  margin-top: 80px;
  margin-bottom: -10px;
}

/******************** QUIERES MANTENERTE INFORMADO ***************************/

#Newsletter {
  background-image: url("/sites/default/files/2024-10/bkgNewsletter.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 500px;
  text-align: center;
}

/* Animación de parpadeo */
@keyframes myAnim {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Clase para la flecha parpadeante */
.arrowRight {
  width: 31px;
  height: 20px;
  background-image: url("/sites/default/files/2024-10/arrowRight.svg");
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: middle;
  animation: myAnim 2s ease-in-out infinite;
  margin-left: 10px;
}

/****************************** PRIMER FOOTER ******************************/

#fondoIdiPAZ {
  background-image: url("/sites/default/files/2024-11/edificioIdipazWhite.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  height: auto;
  text-align: center;
  border-bottom: 5px solid #d10002 !important;
  border-top: 5px solid #d10002 !important;
}
.bkgWhite2 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 50px;
  min-height: 350px;
  width: 100%;
  backdrop-filter: blur(10px);
}

.logoIdiPAZ2 {
  background-image: url("/sites/default/files/2024-10/logoIdiPAZ.svg") !important;
  height: 95px;
  width: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 auto;
}

#correo {
  padding-left: 0px;
}

#telefono {
  padding-left: 0px;
}

/* Estilo para los íconos */
.py-4.topRed img {
  max-height: 70px;
  /*width: auto;
  height: auto;
  display: inline-block;*/
  margin: 10px auto;
}

.container-fluid.section.clearfix {
  padding: 0 !important;
  margin-top: 0px !important;
}

/* Logos: ajustados automáticamente */
.py-4.topRed {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  margin-left: 0 !important;
}

.col.text-center {
  text-align: center !important;
}

/* Footer fondo blanco */
.site-footer {
  background: #ffffff !important;
  padding-bottom: 0px !important;
}

/* Estilo general para todos los logos */
/*.py-4.topRed img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  margin: 10px auto;
}**/

#footerlogos1 {
  margin-top: -2rem !important;
  margin-bottom: -3.3rem !important;
}

#footerlogos0 {
  margin-top: 0rem !important;
}

/*LGallardo: añadido para evitar que se monte */
@media (max-width: 768px) {
  #footerlogos1 {
    margin-bottom: 1rem !important;
  }

  #footerlogos0 {
    margin-bottom: 2rem;
  }

  #footer-logos1 {
    height: 78px;
  }
}

.footer-logos0,
.footer-logos1,
.footer-logos2,
.footer-logos3,
.footer-logos4,
.footer-logos5,
.footer-logos6,
.footer-logos7,
.footer-logos8,
.footer-logos9 {
  width: 200px !important;
  aspect-ratio: 5 / 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto; /* para centrar horizontalmente */
}

.footer-logos0 img,
.footer-logos1 img,
.footer-logos2 img,
.footer-logos3 img,
.footer-logos4 img,
.footer-logos5 img,
.footer-logos6 img,
.footer-logos7 img,
.footer-logos8 img,
.footer-logos9 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#footerlogos0.row > [class*="col-"],
#footerlogos1.row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

#footerlogos0.row,
#footerlogos1.row {
  margin-left: -8px;
  margin-right: 58px;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem; /* o 0.5rem según lo que necesites */
}

/* Logos con ajustes específicos si deseas mantenerlos */
.logoHospitalLaPAZ2,
.logoUAM2,
.logoHospitalGetafe2,
.logoUE2,
.logoCOFINANCIADO,
.logoNEXTGENEU-,
.logoResiliencia,
.logoMinGob,
.logoISCII,
.can-ini {
  background-repeat: no-repeat;
  /*background-size: contain;*/
}

.logoCAM {
  height: 80px !important;
  width: 50px !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  margin: 10px !important;
  display: block !important;
  margin-left: 75px !important;
}
/*LGallardo: esta configuración sólo hace que se monte todas las img en el footer*/
/* .logoISCII {
  background-image: url("/sites/default/files/2025-02/ISCII_0.svg");
} */

/*LGallardo: añadido para evitar que se monte con la imagen de inicio*/
@media (max-width: 1024px) {
  #EntidadesIdipaz {
    margin-bottom: 15% !important;
  }

  #Actualidad {
    margin-top: 20% !important;
  }
}

@media (max-width: 992px) {
  .can-ini,
  .logoNEXTGENEU-,
  .logoCOFINANCIADO {
    max-height: 85% !important;
  }

  #footer-logos {
    margin-bottom: -18px !important;
  }

  .can-ini.img-fluid {
    margin-bottom: -24px !important;
    margin-top: -4px !important;
  }

  .logoUAM2.img-fluid {
    margin-top: -2px !important;
    margin-bottom: 1px !important;
  }

  .logoUE2.img-fluid {
    margin-top: -1px !important;
    margin-bottom: -21px !important;
  }

  .logoNEXTGENEU-.img-fluid {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }

  .logoISCII.img-fluid {
    margin-top: 2px !important;
    margin-bottom: -13px !important;
  }
  /*.can-ini {
    margin-left: 200px !important;
    margin-right: -220px !important;
  }

  .logoHospitalLaPAZ2 {
    margin-top: -100px !important;
    margin-left: -100px !important;
  }

  .logoHospitalGetafe2 {
    margin-right: -200px !important;
    margin-left: -320px !important;
  }

  .logoUE2 {
    margin-right: 200px !important;
    margin-left: -404px !important;
    height: 57px !important;
  }

  .logoUAM2 {
    margin-left: -160px !important;
  }

  .logoCOFINANCIADO {
    max-height: 103px !important;
    margin-left: 401px !important;
  }

  .logoNEXTGENEU- {
    max-height: 121px !important;
  }

  .logoResiliencia {
    margin-left: -367px !important;
  }
  */
  .logoMinGob {
    /* margin-left: -497px !important; */
    max-width: 100% !important;
  }

  /* .logoISCII {
    margin-left: -600px !important;
  }

  #block-bootstrap-subtheme-footercontainer-2 {
    margin-left: 12px !important;
    margin-bottom: -46px !important;
  }*/

  .logoHospitalLaPAZ2.img-fluid {
    margin-bottom: -46px !important;
  }

  /* #footer-logos3{
    margin-bottom: 29px !important;
    margin-top: -40px !important;
  }

  #footer-logos4{
    margin-top: -43px !important;
  } 
  

  #footer-logos5{
    margin-top: 29px !important;
  }

  #footer-logos6{
    margin-top: -43px !important;
  }


  #footer-logos7{
    margin-top: -42px !important;
  }

  #footer-logos8{
    margin-top: -40px !important;
  }

  #footer-logos9{
    margin-top: -42px !important;
  }
  
  #footerlogo{
    margin-bottom: 14px !important;
  } */
}
/********************************** FOOTER ***********************************/

.region-footer-second {
  background: #414042;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -20px;
}

.region-footer-second > div,
.region-footer-second > nav {
  flex: 1;
  margin: 10px;
}

/* Logo Styles */
.logoIdiPAZ {
  width: 655px !important;
  height: 83px !important;
  background-repeat: no-repeat;
  background-size: contain;
  margin: -181px -55px 10px 72px !important;
  display: block;
}

/* Navigation Styles */
.clearfix.nav {
  display: flex;
  flex-direction: column; /* Alinea los elementos de la lista en una columna */
  align-items: flex-start; /* Alinea los elementos al inicio de la columna */
  text-align: left !important; /* Justifica el contenido del enlace */
  list-style-type: none; /* Elimina los puntos de las listas */
  font-family: "Caviar Dreams", sans-serif;
  font-weight: lighter !important;
  font-size: 0.2rem !important; /* Considerar ajustar el tamaño de la fuente */
  padding: 0 5px; /* Simplificado padding */
  padding-right: 180px; /* Mantener padding a la derecha */
}

/* Icon Styles */
.iconLocation,
.iconPhone,
.iconMail {
  width: 19px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 0px;
}

.iconLocation {
  background-image: url("/sites/default/files/2024-10/pointer.svg");
}

.iconPhone {
  background-image: url("/sites/default/files/2024-10/tel.svg");
}

.iconMail {
  background-image: url("/sites/default/files/2024-10/email.svg");
}

/* Border Styles */
.border-left-red {
  border-left: 3px solid #d10002;
  padding-left: 15px;
}

/* Text Styles */
.white.little.mb-3 {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #fff;
  text-align: left;
  margin-bottom: 1rem;
  margin-right: -120px !important;
}

.white.mb-3 {
  color: white;
}

.white.mb-3 a {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
}

a.white.mb-3:hover {
  text-decoration: underline;
  font-weight: 700 !important;
}

/* Column Alignment */
.col-2.col-lg-4 {
  display: flex;
  justify-content: center;
  margin-left: -106px !important;
  padding-top: 17px !important;
}

#block-bootstrap-subtheme-footer-2 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/******************************** Footer - grisaceo *******************************/

#block-bootstrap-subtheme-footer-menu {
  font-family: "Caviar Dreams", sans-serif;
  font-size: 1rem;
  font-weight: 800;
  text-align: left;
  color: #fff;
  padding: 0 15px 0 20px !important;
  margin: 0;
  margin-top: -34px;
}

.col-xs-12.col-md-12.col-lg-4 {
  margin-top: -103px;
}

.row.region.region-footer-second {
  margin-top: -14px !important;
  padding-top: 43px !important;
  margin-bottom: -3px !important;
  padding-bottom: 19px !important;
  margin-right: 0px !important;
}

.clearfix.nav.navbar-nav {
  padding: 0;
}

.col-10.col-lg-8.border-left-red {
  padding-right: 14px !important;
}

/* Sección Legal */
#Legal {
  background-color: #737378 !important;
  padding-top: 17px !important;
  color: #ffffff !important;
}

.container_c {
  background-color: #737378 !important;
  color: #ffffff !important;
  margin-right: 53px;
  margin-left: 53px;
}

.white.little {
  color: #ffffff !important;
}

.col-xl-4.col-12.text-center.text-xl-end {
  margin-bottom: 14px !important;
}

#block-bootstrap-subtheme-footer-legal {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.col-xl-9 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  /*LGallardo: añadido para fijar el container de blur en el responsive y no se salga*/
  .col-xl-9 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: -10px !important;
  }
}

/*********************************** franja de imagen de Política de Privacidad *******************************/

#Privacidad {
  background-image: url("/sites/default/files/2024-10/bkgPrivacidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.h1middle {
  text-align: left;
  margin-top: 130px;
  color: #fff;
  font-size: 2rem;
}
@media (max-width: 386px) {
  .h1middle {
    visibility: hidden;
  }
}

#AvisoLegal {
  background-image: url("/sites/default/files/2024-10/bkgCookie.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #737378 !important;
}
#contratacionPublica {
  background-image: url("/sites/default/files/2025-05/bkgContratacionPublica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#FormularioContratacion {
  background-image: url("/sites/default/files/2025-05/contratacionPublica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: 700px;
  text-align: center;
}
#FormularioCursos {
  background-image: url("/sites/default/files/2025-05/formacionCursos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  height: 650px;
  text-align: center;
}
#bkgLogotipo {
  background-image: url("/sites/default/files/2025-05/bkgLogotipos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.h1middle1 {
  font-size: 2rem;
  margin: 0;
  text-align: left;
  margin-left: -46px;
}

.h1middle2,
.h1middle3 {
  font-size: 2rem;
  margin: 0;
  text-align: left;
  /* margin-left: -46px; */
}

/*cookies */

#Cookies {
  background-image: url("/sites/default/files/2024-10/bkgCookie.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #737378 !important;
}

/**********consentimiento cookies ****************************/
/*
.eu-cookie-compliance-content {
  font-family: "Raleway", sans-serif;
  font-size: 1.1rem !important;
}

#popup-buttons {
  border-radius: 0px !important;
}

.decline-button.eu-cookie-compliance-default-button
  button.button--small.button--primary {
  border-radius: 0 px !important;
}
*/

/* ==========================================================================
   Banner y panel "Configuración de cookies" (drupal/cookies, librería
   cookiesjsr). Este bloque es una copia del que ya está probado y en uso
   en producción (idipaz.es), themes/custom/bootstrap_subtheme/css/
   custom-style.css, con 3 añadidos exclusivos de este entorno de pruebas
   marcado cada uno con "AÑADIDO PRUEBAS":
     1) z-index del banner subido de 9999 a 10000 (en producción no existe
        el popup de bienvenida "#mi-popup-inicio" que aquí sí, y que usa
        z-index:9999 y taparía/bloquearía el banner).
     2) Quitar el punto separador entre los enlaces inferiores.
     3) Enlaces inferiores con letra fina y solo en negrita al hacer hover.
   ========================================================================== */

/* Posicionamiento y estructura PRIMERO */
.cookiesjsr-banner.cookiesjsr-banner--active {
  top: auto !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  position: fixed !important;
  width: 100% !important;
  max-width: 100% !important;
  transform: none !important;
  /* AÑADIDO PRUEBAS: 10000 en vez de 9999 (ver nota arriba). */
  z-index: 10000 !important;
  box-sizing: border-box !important;
}

/* Ahora los estilos de apariencia */
.cookiesjsr-banner {
  background: #d10002 !important;
  color: white !important;
  border-top: 2px solid #a00002 !important;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Estilos para los textos - NEGRO y JUSTIFICADO */
.cookiesjsr-banner__info {
  color: #000000 !important;
  text-align: justify !important;
  max-width: 1200px !important;
  margin: 0 auto 15px auto !important;
  padding: 0 20px !important;
  line-height: 1.5 !important;
  font-weight: normal !important;
}

/* Contenedor de botones centrado */
.cookiesjsr-banner__action {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  margin: 15px 0 !important;
  flex-wrap: wrap !important;
}

/* Estilos para los botones - NEGRO con texto blanco */
.cookiesjsr-btn {
  background: #000000 !important;
  color: white !important;
  border: 2px solid #000000 !important;
  padding: 10px 25px !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-width: 120px !important;
}

/* Estados de los botones */
.cookiesjsr-btn:hover {
  background: #333333 !important;
  border-color: #333333 !important;
  transform: translateY(-2px) !important;
}

.cookiesjsr-btn:focus {
  background: white !important;
  color: #d10002 !important;
  border-color: #000000 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3) !important;
}

.cookiesjsr-btn:active {
  background: white !important;
  color: #d10002 !important;
  border-color: #000000 !important;
  transform: translateY(0) !important;
}

/* Enlaces centrados */
.cookiesjsr-links {
  display: flex !important;
  justify-content: center !important;
  gap: 30px !important;
  margin-top: 10px !important;
  padding: 0 20px !important;
}

/* AÑADIDO PRUEBAS: la librería dibuja un punto separador entre enlaces
   (::before en cada <li> salvo el último). No lo queremos. */
.cookiesjsr-links--row li::before {
  content: none !important;
}

.cookiesjsr-banner a {
  color: white !important;
  text-decoration: underline !important;
  /* AÑADIDO PRUEBAS: letra fina normalmente, para que el cambio a
     negrita en :hover se note. */
  font-weight: normal !important;
}

.cookiesjsr-banner a:hover {
  color: #f0f0f0 !important;
  /* AÑADIDO PRUEBAS */
  font-weight: bold !important;
}

/*******/

/* MODAL DE CONFIGURACIÓN DE COOKIES - Mejor contraste */
.cookiesjsr-layer {
  background: white !important;
  border: 2px solid #d10002 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  color: #000000 !important;
  font-family: inherit !important;
}

/* HEADER DEL MODAL */
.cookiesjsr-layer__header {
  background: #d10002 !important;
  color: white !important;
  padding: 15px 20px !important;
  border-bottom: 2px solid #a00002 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.cookiesjsr-layer__title {
  color: white !important;
  font-weight: bold !important;
  font-size: 1.2em !important;
  margin: 0 !important;
}

.cookiesjsr-layer__close {
  background: #000000 !important;
  color: white !important;
  border: 2px solid #000000 !important;
  border-radius: 4px !important;
  padding: 8px 15px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  transition: all 0.3s ease !important;
  /* AÑADIDO PRUEBAS: por defecto la librería oculta el texto del botón
     ("text-indent: -999em") y pinta un icono SVG de fondo en su lugar.
     Aquí se restaura el texto visible ("Cerrar"). */
  text-indent: 0 !important;
  overflow: visible !important;
  background-image: none !important;
  width: auto !important;
  height: auto !important;
}

.cookiesjsr-layer__close:hover {
  background: #333333 !important;
  border-color: #333333 !important;
}

.cookiesjsr-layer__close:focus {
  background: white !important;
  color: #d10002 !important;
  border-color: #000000 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(209, 0, 2, 0.5) !important;
}

/* PESTAÑAS - distribución original de la librería (columna a la
   izquierda, contenido a la derecha), solo con los colores
   corporativos encima. */
.cookiesjsr-service-groups {
  background: #f8f8f8 !important;
  border-bottom: 1px solid #ddd !important;
  padding: 0 !important;
}

.cookiesjsr-service-group__tab {
  background: #e9e9e9 !important;
  color: #333333 !important; /* Gris oscuro para buen contraste */
  border: none !important;
  padding: 12px 20px !important;
  cursor: pointer !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
}

.cookiesjsr-service-group__tab:hover {
  color: #d10002 !important;
  background: #ffffff !important;
  border-bottom-color: #d10002 !important;
}

.cookiesjsr-service-group--active .cookiesjsr-service-group__tab {
  color: #d10002 !important;
  background: white !important;
  border-bottom-color: #d10002 !important;
  font-weight: bold !important;
}

/* AÑADIDO PRUEBAS: por defecto la librería pinta el panel de contenido
   activo en azul ("--layer-tab-active-bg-color", #004c93). Se cambia a
   gris para que combine con el resto de grises corporativos. */
.cookiesjsr-service-group--active .cookiesjsr-service-group__content {
  background: #666666 !important;
  color: #ffffff !important;
}

/* CONTENIDO DE LAS PESTAÑAS */
.cookiesjsr-layer__body {
  padding: 20px !important;
  background: white !important;
}

.cookiesjsr-service-group__intro {
  color: #000000 !important;
  text-align: justify !important;
  line-height: 1.5 !important;
  margin-bottom: 20px !important;
  padding: 15px !important;
  background: #f8f8f8 !important;
  border-radius: 4px !important;
  border-left: 4px solid #d10002 !important;
}

/* SERVICIOS INDIVIDUALES */
.cookiesjsr-service {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 15px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  margin-bottom: 10px !important;
  background: white !important;
}

.cookiesjsr-service__description h3 {
  color: #d10002 !important;
  margin: 0 0 8px 0 !important;
  font-weight: bold !important;
}

.cookiesjsr-service__description a {
  color: #d10002 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

.cookiesjsr-service__description a:hover {
  color: #a00002 !important;
}

/* SWITCH TOGGLE - MEJOR CONTRASTE */
.cookiesjsr-switch {
  background: #666666 !important; /* Gris más oscuro */
  border-radius: 20px !important;
  width: 50px !important;
  height: 24px !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.3s ease !important;
}

.cookiesjsr-switch:before {
  content: "" !important;
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: white !important;
  top: 2px !important;
  left: 2px !important;
  transition: transform 0.3s ease !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.cookiesjsr-switch input[type="checkbox"]:checked + .cookiesjsr-switch {
  background: #d10002 !important;
}

.cookiesjsr-switch input[type="checkbox"]:checked + .cookiesjsr-switch:before {
  transform: translateX(26px) !important;
}

/* FOOTER DEL MODAL */
.cookiesjsr-layer__footer {
  background: #f0f0f0 !important; /* Fondo más claro para mejor contraste */
  /* AÑADIDO PRUEBAS: pie más bajo, para dejar más alto disponible al
     contenido y evitar la barra de scroll. */
  padding: 10px 20px !important;
  border-top: 1px solid #ddd !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 15px !important;
}

.cookiesjsr-layer__label-all {
  color: #000000 !important; /* Negro puro para máximo contraste */
  font-weight: bold !important;
  margin: 0 !important;
  /* AÑADIDO PRUEBAS: en una sola línea, sin partirse en dos. El
     "margin-left:auto" de .cookiesjsr-layer__actions ya evita que se
     solape con los botones, así que no hace falta recortarlo. */
  white-space: nowrap !important;
  font-size: 0.85em !important;
}

.cookiesjsr-layer__actions {
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  /* AÑADIDO PRUEBAS: empujar los botones a la derecha del todo, para que
     no se solapen con el texto "Configuración para todos los servicios". */
  margin-left: auto !important;
}

/* BOTONES DEL FOOTER - MEJOR CONTRASTE */
.cookiesjsr-layer__actions .cookiesjsr-btn {
  background: #000000 !important;
  color: white !important;
  border: 2px solid #000000 !important;
  /* AÑADIDO PRUEBAS: más bajos y estrechos, para que quepan los 3 en
     línea junto al texto sin solaparse. */
  padding: 6px 12px !important;
  font-size: 0.85em !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 0 !important;
  /* AÑADIDO PRUEBAS: la librería fija "width: calc(100% - 2.5em)" en
     cada botón, lo que los hace ocupar casi todo el ancho y apilarse en
     vez de ir en línea. Se anula para que midan solo lo que necesitan. */
  width: auto !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.cookiesjsr-layer__actions .cookiesjsr-btn:hover {
  background: #333333 !important;
  border-color: #333333 !important;
}

.cookiesjsr-layer__actions .cookiesjsr-btn:focus {
  background: white !important;
  color: #d10002 !important;
  border-color: #000000 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(209, 0, 2, 0.5) !important;
}

.cookiesjsr-layer__actions .cookiesjsr-btn.save {
  background: #d10002 !important;
  border-color: #d10002 !important;
  color: white !important;
}

.cookiesjsr-layer__actions .cookiesjsr-btn.save:hover {
  background: #a00002 !important;
  border-color: #a00002 !important;
}

.cookiesjsr-layer__actions .cookiesjsr-btn.save:focus {
  background: white !important;
  color: #d10002 !important;
  border-color: #d10002 !important;
  box-shadow: 0 0 0 3px rgba(209, 0, 2, 0.5) !important;
}

.cookiesjsr-placeholder {
  border: 1px dashed #aaa !important;
  background: #e2e2e2 !important;
  padding: 1em;
  text-align: center !important ;
  font-family: sans-serif !important;
  font-size: 1rem !important;
  color: #333 !important;
  max-width: 600px !important;
  border-radius: 6px !important;
}

.cookiesjsr-placeholder a.cookiesjsr-aceptar {
  color: #c00 !important;
  font-weight: bold !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  margin-left: 0.4em !important;
}

/************************** pagina Innovacion ********************************/

#Innovacion {
  background-image: url("/sites/default/files/2024-10/bkgInnovacion2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  /*height: 200px;*/
  height: auto;
  text-align: center;
}

.bkgWhiteLocaliz {
  background-color: rgba(255, 255, 255, 0.77);
  padding: 60px;
  min-height: 150px;
  width: 100%;
  backdrop-filter: blur(50px);
  margin-top: -1px;
}

.bold.textRed.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
  color: #d10002;
  font-weight: 600;
  font-size: 1.8rem;
}

.textRed.bold {
  color: #d10002 !important;
}

.btn-ancla {
  color: #8f001a !important;
  background-color: #e4e4e4;
  border-color: #e4e4e4;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bolder;
  border-radius: 8px;
  vertical-align: middle;
}

.btn-ancla:hover {
  color: #fff !important;
  background-color: #4a4a4a;
  padding: 10px;
  border-color: #4a4a4a;
  border-radius: 8px;
}

.btn-ancla2 {
  color: #e4e4e4 !important;
  background-color: #8f001a;
  border-color: #8f001a;
  padding: 10px;
  padding-bottom: 10px;
  width: 100%;
  margin-bottom: 10px;
  font-weight: bolder;
  border-radius: 8px;
  vertical-align: middle;
}

.btn-ancla2:hover {
  color: #fff !important;
  background-color: #4a4a4a;
  border-color: #4a4a4a;
}

li {
  font-family: "Raleway", sans-serif;
  text-align: left;
}

#inicio-link {
  color: #333 !important;
}

.containerInno {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 0 auto;
}

.box33 {
  width: 339px;
  height: 189px;
  background-color: #d10002;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
}

.box33 h3 {
  margin: 0;
  font-size: 4.5em;
}

.box33 p {
  margin: 0;
  font-size: 1.2em;
}

#PoliticaInnovacion {
  /* margin-left: -649px; */
  margin-top: 47px;
}

.idea {
  background-image: url("/sites/default/files/2024-10/idea.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 280px;
  text-align: center;
  display: block;
}

.Medico {
  background-image: url("/sites/default/files/2024-10/Medico.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  text-align: center;
  display: block;
}

.app {
  background-image: url("/sites/default/files/2024-10/app.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  text-align: center;
  display: block;
}

.Legal {
  background-image: url("/sites/default/files/2024-10/Legal.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  text-align: center;
  display: block;
}

.comercial {
  background-image: url("/sites/default/files/2024-10/comercial.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  text-align: center;

  display: block;
}

.aenorGestion {
  background-image: url("/sites/default/files/2024-10/gestionAenor.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 150px;
  text-align: center;
  display: block;
}

.aenorCalidad {
  background-image: url("/sites/default/files/2024-10/AenorCalidad.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 144px;
  text-align: center;
  display: block;
}
.misionInno {
  background-image: url("/sites/default/files/2024-10/misionInno.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  text-align: center;
  display: block;
}

.visionInno {
  background-image: url("/sites/default/files/2024-10/vision.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  text-align: center;
  display: block;
}

.row.py-3.title2 {
  border: 1px solid #d10002;
}

.carteraServicios {
  background-image: url("/sites/default/files/2024-10/carteraServicios.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.OfertaTecnologica {
  background-image: url("/sites/default/files/2024-10/OfertaTecnologica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}
/*
#block-bootstrap-subtheme-webform-15 {
  background-image: url("/sites/default/files/2025-06/prementorBKG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

*/
#contacto-email {
  color: #333;
}

.imgcarousel2 {
  width: 200px;
  display: inline-block;
}

.btn.btn-secondary.boton.me-2.mt-3 {
  border: 1px solid #d10002 !important;
  background-color: #ffffff;
  color: #d10002 !important;
  border-radius: 0 !important;
  width: 283px;
}

.btn.btn-secondary.boton.me-2.mt-3:hover {
  color: #fff !important;
  background-color: #d10002 !important;
  border-color: #d10002 !important;
}

.success-message {
  color: green;
  font-weight: bold;
  display: none;
}

/* Resalta el borde del checkbox de privacidad en rojo si no está marcado */
#privacy-check input[type="checkbox"].error {
  outline: 2px solid red;
}

#privacy-check .form-label {
  color: #000;
}

/* Cambia el color del texto a rojo cuando hay un error */
#privacy-check.error .form-label {
  color: red;
}

#IdeaInnovadora {
  background-image: url("/sites/default/files/2024-10/bkgIdea.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: 700px;
  text-align: center;
}

#bkgWhiteContainer {
  background-color: #f8f8f8a3 !important;
  padding: 20px;
  border: 0px !important;
  min-height: 593px;
  padding-top: 41px;
  padding-left: 55px;
  padding-right: 56px;
}

/************************** Comunicacion **************************/

#plataformaComunicacion {
  background-image: url("/sites/default/files/2024-11/comunicacion3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.imgAenor2 {
  background-image: url("/sites/default/files/2025-02/Logo AENOR.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
  display: block;
  padding-left: 230px;
}

.col-sm-3q {
  color: #fff !important;
  padding: 20px;
  margin-bottom: 20px;
  width: 250px;
  height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
}

@media (max-width: 991px) {
  .imgAenor2 {
    padding-left: 0;
    background-position: center;
    height: 120px;
  }

  .col-sm-3q {
    width: 100%;
    height: auto;
    padding: 15px;
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  #sch {
    text-align: center !important;
    width: auto !important;
    height: 244px !important;
  }

  .image-style-max-325x325 {
    text-align: center !important;
  }
}

.bkgWhiteq {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  min-height: 350px;
  width: 110%;
  backdrop-filter: blur(10px);
  padding-right: 150px;
  padding-bottom: 90px;
}

.bkgWhite .form-control {
  padding: initial !important;
}

.form-control {
  border-radius: 0 !important;
  padding: 12px 0.75rem !important;
}

.formPublicacion .form-control {
  /* padding-top: 5px !important;
  padding-bottom: 5px !important; */
  height: 46px;
}

.formPublicacion .form-select {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  height: 45px;
}

@media (max-width: 991px) {
  #edit-titulo,
  #edit-texto,
  #edit-adjuntar-documento-upload,
  #edit-adjuntar-video-upload,
  #edit-adjuntar-imagen-upload {
    width: 100% !important;
  }

  /*
  .col-sm-3q {
    width: 100%;
    height: auto;
    padding: 15px;
  }*/
}

.comunicacion {
  background-image: url("/sites/default/files/2024-11/planComunicacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.openScience {
  background-image: url("/sites/default/files/2025-04/bkgMemoriasInvestigacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 150px;
  text-align: center;
  vertical-align: middle;
}

.logoDescargaIdiPAZ {
  background-image: url("/sites/default/files/2024-10/logoIdiPAZ.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 90px;
  padding: 20px;
  text-align: center;
  display: block;
}

.idipazBoletin {
  background-image: url("/sites/default/files/2024-11/bkgBoletinInfo.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 150px;
  text-align: center;
}

.idipazMedios {
  background-image: url("/sites/default/files/2024-11/idipazMedios2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 150px;
  text-align: center;
}

.idipazInforma {
  background-image: url("/sites/default/files/2024-11/bkgIdipazInforma_0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 150px;
  text-align: center;
}

.new-title.mx-5.my-3 {
  border: 1px solid #d10002 !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
}

/********************** IdiPAZ News ************************/
/*
#bkgLogotipo {
  background-image: url("/sites/default/files/2024-11/bkgLogotipos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}
*/
#contactaEmail {
  background-image: url("/sites/default/files/2024-10/bkgNewsletter.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: 700px;
  text-align: center;
}

#idipazInforma2 {
  background-image: url("/sites/default/files/2024-11/bkgIdipazInforma.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 100%;
  height: 450px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

/******************************* QUIENES SOMOS  **************************************/
#Fundacion {
  background-image: url("/sites/default/files/2024-10/edificioIdipaz.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.mision {
  background-image: url("/sites/default/files/2024-11/Mision.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  margin-bottom: 10px;
}

.vision {
  background-image: url("/sites/default/files/2024-11/Vision.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  margin-bottom: 10px;
}

.valores {
  background-image: url("/sites/default/files/2024-11/Valores.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  margin-bottom: 10px;
}

#RepoDocum {
  background-image: url("/sites/default/files/2024-11/bkgDocumentacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

#Localizacion {
  background-image: url("/sites/default/files/2024-11/bkgLocalizacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: auto;
  text-align: center;
}

.imgSELLO {
  width: 130px;
  display: inline-block;
  margin: 10px;
  height: 128px;
}

.FIBHULP {
  display: inline-block;
  padding-top: 0px;
  margin-top: -37px;
  margin-bottom: 4px;
  width: 195px !important;
  height: 148px !important;
}

/*LGallardo: añadido para centrar la imagen*/
@media (max-width: 991px) {
  .col-sm-2 .img-fluid,
  .col-sm-2 .FIBHULP,
  .col-sm-2 .ms-4,
  .col-12 .img-fluid,
  .img-responsive,
  .imgSELLO {
    display: block;
    margin-left: auto !important;
    margin-right: auto;
  }

  #unieuro .img-fluid {
    width: 70%;
    justify-content: center;
    align-items: center;
  }
  .col-md-3 .img-fluid {
    display: block;
    margin: auto !important; /*LGallardo: se modifico para la imagen de director cientifico. Mira si afecta a otros*/
  }
}

/****************************** Idipaz medios **********/

#idipazMedios {
  background-image: url("/sites/default/files/2024-11/idipazMedios2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.link-box {
  cursor: pointer;
}
.accordion-item {
  border-bottom-width: 0px;
  border: none !important;
}

.accordion-button {
  border-top: 1px solid #d10002;
  border-bottom: 1px solid #d10002;
  background: white;
  font-weight: bolder;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  background: #d10002;
  color: #fff;
}

.accordion-button:focus {
  background: #d10002;
  color: #fff !important;
}

.bold.textRed {
  color: #d10002;
  font-weight: 600;
}

.accordion-body {
  border-radius: 0px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

/* Astibot */
summary {
  font-weight: 800;
}

/************************** Áreas Científicas **********************/

#areasCientificas {
  background-image: url("/sites/default/files/2024-11/areasCientificas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#EnvianosNoticia {
  background-image: url("/sites/default/files/2024-11/envianosNoticia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: 680px;
  text-align: center;
}

.gruposEmergentes {
  background-image: url("/sites/default/files/2024-11/GruposEmergentes.svg");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 15px;
  width: 250px;
  height: 250px;
  text-align: center;
  vertical-align: middle;
}

.neurociencias {
  background-image: url("/sites/default/files/2024-11/Neurociencias1.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.neurociencias:hover {
  background-image: url("/sites/default/files/2024-11/NeurocienciasHover2.svg");
}

.cardiovascular {
  background-image: url("/sites/default/files/2024-11/Cardiovascular1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.cardiovascular:hover {
  background-image: url("/sites/default/files/2024-11/CardiovascularHover1.svg");
}

/****** aqui */
.infecciosas {
  background-image: url("/sites/default/files/2025-02/Infecciosas1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.infecciosas:hover {
  background-image: url("/sites/default/files/2025-02/InfecciosasHover1.svg");
}

.patologias {
  background-image: url("/sites/default/files/2025-02/Patologias1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.patologias:hover {
  background-image: url("/sites/default/files/2025-02/PatologiasHover1.svg");
}

.genetica {
  background-image: url("/sites/default/files/2025-02/Cancer1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.genetica:hover {
  background-image: url("/sites/default/files/2025-02/CancerHover1.svg");
}

.cirugia {
  background-image: url("/sites/default/files/2025-02/Cirugia1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.cirugia:hover {
  background-image: url("/sites/default/files/2025-02/CirugiaHover1.svg");
}

.materno {
  background-image: url("/sites/default/files/2025-02/Materno1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  color: #d10002 !important;
}

.materno:hover {
  background-image: url("/sites/default/files/2025-02/MaternoHover1.svg");
  color: none !important;
}

.envejecimiento {
  background-image: url("/sites/default/files/2025-02/Envejecimiento1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  vertical-align: middle;
  color: #d10002 !important;
}

.envejecimiento:hover {
  background-image: url("/sites/default/files/2025-02/EnvejecimientoHover1.svg");
  color: none !important;
}

/*LGallardo: centrar imagen de area cientifica*/
@media (max-width: 991px) {
  .col-md-3 .gruposEmergentes {
    display: block;
    width: clamp(60%, 75vw, 90%) !important;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
  }

  /*LGallardo: tamaño de imagenes de area cientificas*/
  #areac .col-6 {
    width: clamp(60%, 75vw, 75%) !important;
    justify-content: center;
  }
}
/***************************** CSS que influye en la presentación de cada contenido************************/

/* Estilo general para los artículos */
.node--type-article {
  margin: 0 auto 30px; /* Centra el artículo horizontalmente */
  font-family: "Caviar Dreams", sans-serif;
  text-align: center; /* Centra el contenido */
}

/* Justificación del texto del contenido */
.node--type-article .field--name-body,
.node--type-article .field--name-field-categoria,
.node--type-article .field--name-field-titulo,
.node--type-article .field--name-field-subtitulo {
  text-align: left !important; /* Justifica el texto */
}

/* Estilo del título */
.node--type-article .field--name-field-titulo {
  font-size: 2rem !important;
  font-weight: bold !important;

  margin-bottom: 30px;
  margin-top: 60px;
  color: #333;
  text-align: center; /* Centra el título */
  border-left: 12px solid #d10002;
  padding: 1rem 2.5rem;
  margin-bottom: 30px;
}

/* Subtítulo (si existe un campo subtítulo) */
.node--type-article .field--name-field-subtitulo {
  font-size: 1.5rem;
  font-style: italic;
  margin-bottom: 10px;
  color: #555;
  text-align: center; /* Centra el subtítulo */
}

/* Estilo de la categoría */
.node--type-article .field--name-field-categoria {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 15px;
  padding-right: 20px;
}

/* Estilo de la imagen */
.node--type-article .field--name-field-image {
  text-align: center; /* Centra el contenido del campo */
}

.node--type-article .field--name-field-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 40px;
}

/* Estilo del cuerpo */
.node--type-article .field--name-body {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #444;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

/* Comentarios */
.node--type-article .comment-wrapper {
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 20px;
  text-align: left !important;
  padding-left: 20px;
  padding-right: 20px;
}

.clearfix
  .text-formatted
  .field
  .field--name-body
  .field--type-text-with-summary
  .field--label-hidden {
  /*font-family: "Raleway", sans-serif;*/
  font-size: 1rem;
  font-weight: 500;
  text-align: justify !important;
}

/****************** css resum de las noticias  ***********************************/
.node--teaser {
  display: inline;
  /*flex-direction: row;
  gap: 20px;*/
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.teaser-content {
  display: flex;
  gap: 20px;
  padding-bottom: 35px !important;
  margin-bottom: 48px !important;
}

.teaser-image {
  flex: 0 0 25%;
}

.teaser-image img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.teaser-text {
  flex: 1;
}

.teaser-title {
  font-size: 1.4rem;
  color: #d10002 !important ;
  font-weight: normal !important;
  margin-bottom: 10px;
 /* margin-top: -20px !important;*/
}

.teaser-title a {
  text-decoration: none;
  color: inherit;
  color: #d10002 !important ;
  font-weight: normal !important;
}

.teaser-title a:hover {
  text-decoration: underline;
}

.teaser-body {
  font-size: 0.95rem;
  color: #555;
}

/*LGallardo: añadido para la vista de carrusel de noticias. Oculta el resumen*/
@media (max-width: 991px) {
  .teaser-body {
    display: none;
  }
}

.teaser-body p {
  margin: 0;
}

.teaser-wrapper {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.teaser-layout {
  display: flex;
  gap: 20px;
}

.filters-sidebar {
  width: 25%;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.custom-search-form .form-group {
  margin-bottom: 15px;
}

.custom-search-form label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.custom-search-form input,
.custom-search-form select {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.custom-search-form button {
  background-color: #007bff;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  cursor: pointer;
  width: 100%;
}

.custom-search-form button:hover {
  background-color: #0056b3;
}

.teaser-listing {
  flex: 1;
}

@media (max-width: 768px) {
  .teaser-layout {
    flex-direction: column; /* Cambiar a disposición vertical */
  }

  /*
  .filters-sidebar {
    width: 100%; /* Tomar todo el ancho */
  /*margin-bottom: 20px; /* Separación del listado */
  /* }*/

  .teaser-listing {
    width: 100%; /* Tomar todo el ancho */
  }
}

/*************************** Espacio del investigador ***********************/

#Investigadores {
  background-image: url("/sites/default/files/2025-01/espacioInvestigador.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.h1middle2,
.h1middle3 {
  vertical-align: middle;
  text-align: left;
  /* margin-top: 40px; */
}

#investigador-title {
  margin-left: -324px;
}

#investigador-title2 {
  border: 1px solid #d10002;
  padding: 20px;
  margin-bottom: 20px;
}

.servicioUAI {
  background-image: url("/sites/default/files/2025-01/bkgInnovacion2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioUCICEC {
  background-image: url("/sites/default/files/2025-01/UCICEC.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioBiobanco {
  background-image: url("/sites/default/files/2025-01/biobanco.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioBioestadistica {
  background-image: url("/sites/default/files/2025-01/bioestadistica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioCirugiaExperimental {
  background-image: url("/sites/default/files/2025-01/cirugiaExperimental.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioDocumentalista {
  background-image: url("/sites/default/files/2025-01/Documentalista3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioInternacionalizacion {
  background-image: url("/sites/default/files/2025-01/Internacionalizacion3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioLaboratoriosComunes {
  background-image: url("/sites/default/files/2025-01/laboratoriosComunes.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.PAIN {
  background-image: url("/sites/default/files/2025-01/pain3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.plataformaComunicacion {
  background-image: url("/sites/default/files/2025-01/comunicacion3a.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.plataformaPITI3D {
  background-image: url("/sites/default/files/2025-01/PITI3D.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.plataformaSecuenciacion {
  background-image: url("/sites/default/files/2025-01/Secuenciacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.plataformaSimulacion {
  background-image: url("/sites/default/files/2025-01/simulacion3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioOTRI {
  background-image: url("/sites/default/files/2025-01/OTC_2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 180px;
  text-align: center;
}

.servicioRedLab {
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 150px;
  height: 100px;
  text-align: center;
  vertical-align: middle;
}

#investigador-title3 {
  border: 1px solid #d10002;
  padding: 20px;
  margin-bottom: 20px;
}

.title2 {
  border: 1px solid #d10002;
  padding: 20px;
  margin-bottom: 20px;
  padding-bottom: 26px;
  width: 100%;
  box-sizing: border-box; /* importante para que el padding no desborde */
}

/* Estilos adicionales para mejorar la visualización en pantallas pequeñas */
/* FAlmeida */
@media (max-width: 576px) {
  .title2 {
    padding: 16px;
    margin-bottom: 16px;
    width: 100%;
    margin-left: 0 !important;
  }

  .bkgWhite {
    padding: 25px;
    width: 100%;
  }

  .h1middle2 {
    /* margin-top: initial;
    margin-bottom: 30px; */
    text-align: center;
    font-size: 1.7rem !important;
  }

  .h1middle3 {
    text-align: center;
    margin-top: 0rem !important;
    margin-left: 0em !important;
  }

  /* .logoIdiPAZSostenible {
    height: initial !important;
  } */

  /* .pazito{
    width: 13rem !important;
    margin-left: 1rem !important;
    margin-bottom: -17rem !important;
  } */
}

/*LGallardo: responsive de textos header*/
@media (max-width: 991px) {
  /*Areas*/

  #gruinfeccionsas {
    font-size: clamp(1.52rem, 4.5vw, 2.5rem);
    margin-top: 0px !important;
    padding: 0.5rem !important;
  }

  #patologiasgransist {
    font-size: clamp(1.9rem, 6vw, 2.5rem);
    margin-top: 0px !important;
    padding: 0.5rem !important;
  }

  #cancergenet {
    font-size: clamp(1.9rem, 6vw, 2.5rem);
    margin-top: 0px !important;
    padding: 0.5rem !important;
  }

  #transplantestec {
    font-size: clamp(1.9rem, 6vw, 2.5rem);
    margin-top: 0px !important;
    padding: 0.5rem !important;
  }

  #investmultidis {
    font-size: clamp(1.9rem, 6vw, 2.5rem);
    margin-top: 0px !important;
    padding: 0.5rem !important;
  }

  /*Area neurociencia*/
  #grupsiquiatria {
    font-size: clamp(1.7rem, 7vw, 2.5rem);
  }

  #gruneuro {
    font-size: clamp(1.5rem, 6.7vw, 2rem) !important;
  }

  #grupneuroge {
    font-size: clamp(1.4rem, 6vw, 1.9rem);
  }

  #grusistemanervi {
    font-size: clamp(1.3rem, 5vw, 1.7rem) !important;
  }

  #grubiomarca {
    font-size: clamp(1.3rem, 5.3vw, 1.9rem);
  }

  /*Area cardiobascular*/
  #grucardi {
    font-size: clamp(1.5rem, 6.3vw, 2rem);
  }

  #grucardio {
    font-size: clamp(1.5rem, 5vw, 2.3rem);
  }

  #grufisiofarma {
    font-size: clamp(1.55rem, 6vw, 2rem);
  }

  #grucardio3,
  #grucardio5 {
    font-size: clamp(1.5rem, 6vw, 1.9rem);
  }

  /*Areas de enfermedades infecciosas*/
  #gruplineainfe {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  #grusida {
    font-size: clamp(1.52rem, 4.5vw, 2.5rem);
  }

  #grupmicrobiolo {
    font-size: clamp(1.6rem, 7vw, 2rem);
  }

  #grureuma {
    font-size: clamp(1.9rem, 5vw, 2.5rem);
  }

  #grurespinmune {
    font-size: clamp(1.7rem, 7vw, 2.5rem);
  }

  #gruLineaFisiop {
    font-size: clamp(1.5rem, 4.5vw, 2rem);
  }

  #gruLineaHipersen {
    font-size: clamp(1.4rem, 5vw, 2rem);
  }

  #grulineainmu {
    font-size: clamp(1.4rem, 5vw, 2rem);
  }

  #grulineacro {
    font-size: clamp(1.3rem, 5vw, 2rem);
    padding: 0.5rem !important;
  }

  #gruinmune {
    font-size: clamp(1.4rem, 5vw, 2rem);
  }

  /*Area de patología de grandes sistemas*/

  #gruneurocure {
    font-size: clamp(1.2rem, 6vw, 2rem);
  }

  #grudisfuncio {
    font-size: clamp(1.6rem, 7vw, 2.45rem);
    padding: 0.5rem !important;
  }

  #gruenfrespirat {
    font-size: clamp(1.9rem, 7.8vw, 1.9rem);
    padding: 0.5rem !important;
  }

  #gruregulacion {
    font-size: clamp(1.5rem, 7vw, 2rem);
    padding: 0.5rem !important;
  }

  #grunegrolog {
    font-size: clamp(1.7rem, 6.8vw, 2.5rem);
  }

  #grupacientesang {
    font-size: clamp(1.5rem, 7vw, 2rem);
  }

  #gruDiagnosticoTra {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  #gruinvestigacion {
    font-size: clamp(1.7rem, 5vw, 2.5rem);
  }

  #grugestionpacie {
    font-size: clamp(1.7rem, 6vw, 2rem);
    padding: 0.5rem !important;
  }

  #grufarma {
    font-size: clamp(1.7rem, 6vw, 2.5rem);
  }

  #gruhepatolo {
    font-size: clamp(1.6rem, 6vw, 2rem);
  }

  #gruneuto {
    font-size: clamp(2rem, 6vw, 2.5rem);
  }

  /*Area de cáncer uy genética molecula*/
  #gruinstgenet {
    font-size: clamp(1.4rem, 6vw, 2rem);
  }

  #gruoncolo {
    font-size: clamp(1.5rem, 6vw, 2.3rem);
  }

  #gruterapexpe {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  #gruinvestiga,
  #grupatolo {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  #grudispli {
    font-size: clamp(1.4rem, 6vw, 1.9rem);
  }

  #grudislipe {
    font-size: clamp(1.38rem, 4.5vw, 2rem);
  }

  #gruvariabilida {
    font-size: clamp(1.8rem, 5vw, 2rem);
  }

  /*Area de cirugía y transplante*/
  #grufisio {
    font-size: clamp(1.6rem, 6vw, 2rem);
  }

  #gruingenier {
    font-size: clamp(1.7rem, 7vw, 2.3rem);
  }

  #grucirugia {
    font-size: clamp(1.3rem, 7vw, 2.5rem);
  }

  #grumaxilo {
    font-size: clamp(1.3rem, 5vw, 1.9rem);
  }

  #grupacie {
    font-size: clamp(1.4rem, 6vw, 2rem);
  }

  #grucirugia {
    font-size: clamp(1.4rem, 5vw, 1.9rem);
  }

  #gruaneste {
    font-size: clamp(1.3rem, 6vw, 2rem);
  }

  #gruIAS {
    font-size: clamp(1.9rem, 6vw, 2.3rem);
  }

  #grulima {
    font-size: clamp(1.5rem, 6vw, 2rem);
  }

  /*Area materno infantil*/

  #gruneona {
    font-size: clamp(1.7rem, 6vw, 2.3rem);
  }

  #gruhepat {
    font-size: clamp(1.6rem, 6vw, 2.3rem);
  }

  #grumater {
    font-size: clamp(2rem, 6vw, 2.7rem);
  }

  #grupatinfecciosas,
  #gruinfeccionpediatria,
  #grucancerinfa {
    font-size: clamp(1.2rem, 5vw, 1.7rem) !important;
  }

  #gruMalformac {
    font-size: clamp(1.46rem, 6vw, 2rem);
  }

  #gruEndome {
    font-size: clamp(1.5rem, 6vw, 2.3rem);
  }

  #gruAdolesc,
  #gruEstr {
    font-size: clamp(1.3rem, 5vw, 1.9rem);
  }

  /*Area investigación Multidisciplinar en envejecimiento*/
  #gruEnvejecimientoFr,
  #gruFragilidadEnve {
    font-size: clamp(1.3rem, 6vw, 2rem);
  }

  #FragilidadPatr {
    font-size: clamp(1.1rem, 5vw, 1.7rem);
  }
}

/*LGallardo: añadido para un tamaño menor*/
@media (max-width: 366px) {
  .h1middl3 {
    text-align: center !important;
    margin-top: -12rem;
    margin-left: 1rem;
  }

  /* .pazito{
    text-align: center !important;
    margin-top: 5.3rem !important;
    margin-bottom: -8rem !important;
  } */
}
/*LGallardo: ajuste de texto*/
@media (max-width: 991px) {
  .h1middle3 {
    text-align: center;
  }
  .logoIdiPAZSostenible {
    height: initial !important;
  }
  /* .pazito{
    text-align: center !important;
    margin-top: 5.3rem !important;
    margin-bottom: -8rem !important;
    width: 4rem !important;
  } */
}

@media (max-width: 375px) {
  .bkgWhite2 img {
    width: 100%;
  }
}

.bkgWhite5 {
  background-color: rgba(255, 255, 255, 0.5);
  padding: 50px;
  padding-right: 50px;
  padding-bottom: 50px;
  height: 150px;
  width: 110%;
  backdrop-filter: blur(10px);
  padding-right: 150px;
  padding-bottom: 90px;
}

.field.field--name-field-antetitulo.field--type-string.field--label-hidden.field__item {
  margin-top: 4px;
  /*margin-bottom: 60px;*/
  padding-top: 20px;
}

.mb03 {
  margin-bottom: 3px;
  text-align: left !important;
}

#servicioUCICEC {
  background-image: url("/sites/default/files/2025-03/bkgCampanias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#servicioBiobanco {
  background-image: url("/sites/default/files/2025-01/biobanco.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  /*text-align: center;*/
}

.image-button {
  width: 100%; /* Se ajusta al contenedor */
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 195px;
  text-align: center;
}

.image-button2 {
  width: 100%; /* Se ajusta al contenedor */
  height: auto;
  cursor: pointer;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 150px;
  height: 100px;
  text-align: center;
}

/* Hace que el enlace cubra toda el área */
.block-link {
  text-decoration: none !important;
  color: inherit !important;
  text-align: center !important;
}

/* Estilo para los bloques clickeables */
.block-link div {
  width: 100%;
  height: 180px;
  background-size: cover;
  background-position: center center !important;
  cursor: pointer;
  border-radius: 8px;
  transition: transform 0.2s ease-in-out !important;
}

/* Efecto de zoom al pasar el mouse */
.block-link div:hover {
  transform: scale(1.05) !important;
}

/* Asegurar que los enlaces no pierdan formato */
.block-link p {
  margin-top: 10px;
}

/*********** Ultimas-noticias/Idipaznews ************************/

.field__item {
  /*font-family: "Raleway", sans-serif !important;*/
  font-size: 1.2rem !important;
  font-weight: 500 !important;
  text-align: left !important;
}

/*  ancho pagina basica
#main{
  margin-left: 60px !important;
  margin-bottom: 46px;
}*/

.custom-date-filter {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff5f5;
  padding: 10px;
  border-radius: 8px;
  border: 2px solid red;
  max-width: 500px;
}

.custom-date-filter label {
  font-weight: bold;
  color: #d00000;
}

.date-input {
  border: 2px solid red;
  padding: 5px;
  border-radius: 5px;
}

#apply-filter {
  background: red;
  color: white;
  padding: 5px 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s;
}

#apply-filter:hover {
  background: darkred;
}

/******BUSCADOR NOTICIAS*****/
/* FORMULARIO FILTRO */
.filtro-container {
  width: 100vw; /* Ocupar todo el ancho de la pantalla */
  background-color: #d10002;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  z-index: 1000; /* Asegura que esté sobre otros elementos */
  margin-left: -304px;
  padding-top: 0px;
}

/* Agregar margen extra al contenido para que no quede tapado */
.article-list {
  margin-top: 22px; /* Ajusta este valor si los artículos quedan ocultos */
  width: 80%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/****** Fundación para la Investigación Biomédica del Hospital Universitario la Paz -FIBHULP- ****/

.imgAenor3 {
  background-image: url("/sites/default/files/2025-02/aenor.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 15px;
  width: 100%;
  height: 100px;
  text-align: center;
  display: block;
}

/**** Comité de Ética de la Investigación con Medicamentos */
#bkgCEIM {
  background-image: url("/sites/default/files/2025-02/bkgCeiM.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

/****Sistema Integrado de Gestión*/

#Calidad2 {
  background-image: url("/sites/default/files/2025-02/bkgCalidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.encuestaSatisfaccion {
  background-image: url("/sites/default/files/2025-02/EncuestaSatisfaccion_0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.ods33 {
  background-image: url("/sites/default/files/2025-02/logoIdipazSostenible.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

/*******   Formación y docencia  **************/

#FormacionDocencia {
  background-image: url("/sites/default/files/2025-02/bkgFormacionDocencia.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.img-fluid {
  /*LGallardo: si algo se descuadra, ponlo de nuevo al 75%*/
  max-width: 100% !important;
  /*height: auto !important;*/
}

#unieuro {
  padding-bottom: 54px !important;
  padding-top: 29px !important;
}

/* 
#unieuro .img-fluid {
  padding-bottom: 21px;
} */

#Areascientificas {
  background-image: url("/sites/default/files/2025-08/areasCientificas.jpg");
  height: 200px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/******Comisión de Igualdad, Diversidad y Resolución de Conflictos (ID&RC) ****/

#Igualdad {
  background-image: url("/sites/default/files/2025-02/bkgIgualdad_0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

/****** Participación Ciudadana ***/
#idiPAZSostenible {
  background-image: url("/sites/default/files/2025-02/bkgIdisostenible3.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.logoIdiPAZSostenible {
  background-image: url("/sites/default/files/2025-02/logoIdipazSostenible_0.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  padding: 25px;
  width: 100%;
  height: 130px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 20px;
}

/****Comité de Seguridad, salud y bienestar *****/

#SeguridadSalud {
  background-image: url("/sites/default/files/2025-02/bkgSeguridadSalud.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

/****  Objetivos de Desarrollo Sostenible (ODS)   *********/

.img-responsive.ods {
  width: 86px !important;
  height: 86px !important;
}

/****  color en los titulos con fondo oscuro *****/

.white {
  color: #fff !important;
}

#white {
  color: #fff !important;
}

#fc {
  padding-bottom: 34px !important;
}

#sci {
  padding-bottom: 34px !important;
}

/******Áreas Científicas y subpaginas*******/

#AreaNeurociencias {
  background-image: url("/sites/default/files/2025-02/bkgNeuroCiencias5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.neurociencias2 {
  background-image: url("/sites/default/files/2025-03/NeurocienciasWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 215px;
  height: 150px;
  text-align: left;
}

.psiquiatria {
  background-image: url("/sites/default/files/2025-03/LineaPsiquiatria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.neurologiacerebrovascular {
  background-image: url("/sites/default/files/2025-03/LineaNeurologiaEnfermedadescerebrovasculares2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.neurodegenerativas {
  background-image: url("/sites/default/files/2025-03/LineaNeuroprotetorasNeurodegenerativa.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.sistemanerviosocentral {
  background-image: url("/sites/default/files/2025-03/LineaGlutamatergicoSistemaNerviosoCentral.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.biomarcadores {
  background-image: url("/sites/default/files/2025-03/LineasBiomarcadoresNeurodegenerativa.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.esclerosis {
  background-image: url("/sites/default/files/2025-03/LineaInvestigacionEsclerosis.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

#aneurocie {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

#Psiquiatria {
  background-image: url("/sites/default/files/2025-03/LineaPsiquiatria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.blur {
  /* padding: 30px; */
  backdrop-filter: blur(20px);
  background-color: rgba(255, 255, 255, 0.5);
  /* display: inline-block; */
  padding: 10px !important;
  margin-top: 20px !important;
}

.blur2 {
  /* padding: 30px; */
  backdrop-filter: blur(20px);
  background-color: rgba(142, 142, 142, 0.5);
  /* display: inline-block; */
}

.blur3 {
  /* padding: 30px; */
  backdrop-filter: blur(20px);
  background-color: rgba(236, 235, 235, 0.678);
  /* display: inline-block; */
}

/* LGallardo:comentado. Ya se ha centrado todo de manera automática en la etiqueta col-xl-9
.h1middle3.extraMargin.white.py-4{
  margin-top: 29px;
}


.h1middle4.extraMargin.py-4{
  margin-top: 29px;
} */

.h1middle4 {
  font-size: 2rem;
}

#blur {
  padding: 0px 30px 0px 30px !important;
  backdrop-filter: blur(15px);
  display: inline-block;
  text-align: justify !important;
}

#sch2 {
  margin-top: 37px !important;
}

#sch3 {
  width: auto !important;
  height: 244 !important;
}

#gruneuro {
  margin-top: 9px !important;
}

#grupneuroge {
  margin-top: 10px;
}

#Neurologiacerebrovascular {
  background-image: url("/sites/default/files/2025-03/LineaNeurologiaEnfermedadescerebrovasculares2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#Neurodegenerativas {
  background-image: url("/sites/default/files/2025-03/LineaNeuroprotetorasNeurodegenerativa.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#bkgCardiovascular {
  background-image: url("/sites/default/files/2025-02/bkgCardiovascular.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.cardiovascular3 {
  background-image: url("/sites/default/files/2025-03/Cardiovascular1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 200px;
  height: 150px;
  text-align: left;
}

.cardio1 {
  background-image: url("/sites/default/files/2025-03/cardio1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.cardio2 {
  background-image: url("/sites/default/files/2025-03/cardio2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}
.cardio4 {
  background-image: url("/sites/default/files/2025-03/cardio4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.cardio3 {
  background-image: url("/sites/default/files/2025-03/cardio3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.cardio5 {
  background-image: url("/sites/default/files/2025-03/cardiologiaPediatrica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

#AreaInfecciosas2 {
  background-image: url("/sites/default/files/2025-02/bkgInfecciosas2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.infecciosas2 {
  background-image: url("/sites/default/files/2025-03/InfecciosasWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 210px;
  height: 150px;
  text-align: left;
  vertical-align: middle;
}

.complemento {
  background-image: url("/sites/default/files/2025-03/complemento.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.sida {
  background-image: url("/sites/default/files/2025-03/sida.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.microbiologia {
  background-image: url("/sites/default/files/2025-03/microbiologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.inmunoReumatologia {
  background-image: url("/sites/default/files/2025-03/reuma.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.RespuestaInmune {
  background-image: url("/sites/default/files/2025-03/respuestaInmune.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.FisioPatologia {
  background-image: url("/sites/default/files/2025-03/FisiopatologiaLinfocitaria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.HipersensibilidadMedicam {
  background-image: url("/sites/default/files/2025-03/hipersensibilidadMedicamentos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.InmunomediadasGastro {
  background-image: url("/sites/default/files/2025-03/enfermedadesInmunomediadas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.microRNAs {
  background-image: url("/sites/default/files/2025-03/microRNA.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.Inmunomed {
  background-image: url("/sites/default/files/2025-03/enfermedadesinmun.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

#AreaPatologias {
  background-image: url("/sites/default/files/2025-02/bkgPatologias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.patologias2 {
  background-image: url("/sites/default/files/2025-03/PatologiasWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 250px;
  height: 150px !important;
  text-align: left;
  vertical-align: middle;
}

#grulineainmu {
  margin-top: 6px !important;
}

#grulineacro {
  margin-top: 6px !important;
}

#gruinmune {
  margin-top: 6px !important;
}

#grusida {
  margin-top: 6px !important;
}

#grupmicrobiolo {
  margin-top: 6px !important;
}

#gruplineainfe {
  margin-top: 6px !important;
}

.MedicinaInterna {
  background-image: url("/sites/default/files/2025-03/medicinaInternaYEnfermedadesSistemicas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.DisfuncionFalloOrganico {
  background-image: url("/sites/default/files/2025-03/disfuncionYFalloOrganicoAgresion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.EnfermedadesRespiratorias {
  background-image: url("/sites/default/files/2025-03/enfermedadesRespiratorias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.RegulacionExpresionGenicaHipoxia {
  background-image: url("/sites/default/files/2025-03/regulacionExpresionGenicaHIpoxia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.LineaNefrologia {
  background-image: url("/sites/default/files/2025-03/nefrologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.DiagnosticoTratamientoAlergicas {
  background-image: url("/sites/default/files/2025-03/diagnosticoytratamientoENfermedadesAlergicas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

.GestionPacienteSangrante {
  background-image: url("/sites/default/files/2025-03/GestionenelPacienteSangrante.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.InvestigacionCuidadosSalud {
  background-image: url("/sites/default/files/2025-03/InvestigacionCuidadosSalud.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.PatologiaUrgenteEmergente {
  background-image: url("/sites/default/files/2025-03/patologiaUrgenteyEmergente.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.FarmaciaHospitalaria {
  background-image: url("/sites/default/files/2025-03/FarmaciaHospitalaria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.HepatologiaTraslacional {
  background-image: url("/sites/default/files/2025-03/HepatologiaTraslacional.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.Neurocure {
  background-image: url("/sites/default/files/2025-03/neurocure.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

#AreaCancerGenetica {
  background-image: url("/sites/default/files/2025-02/bkgGenetica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.genetica2 {
  background-image: url("/sites/default/files/2025-03/CancerWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 250px;
  height: 150px;
  text-align: left;
}

.INGEMM {
  background-image: url("/sites/default/files/2025-03/INGEMM.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.OncologiaTraslacional {
  background-image: url("/sites/default/files/2025-03/bkgOncologiaTraslacional.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.TerapiasExperimentalesCancer {
  background-image: url("/sites/default/files/2025-03/bkgTerapiasExperimentales.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.InvestigacionOtoneurocirugia {
  background-image: url("/sites/default/files/2025-03/Otoneurocirugia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.PatologiaMolecularCancer {
  background-image: url("/sites/default/files/2025-03/PatologiaMolecularCancer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.MecanismosProgresionTumoral {
  background-image: url("/sites/default/files/2025-03/MecanismosProgresionTUmoral.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.InvestigacionDiagnosticoHereditarias {
  background-image: url("/sites/default/files/2025-03/InvestigacionDiagnosticoEnfermedadesMetabolicasHereditarias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.DislipemiasGeneticoMetabolicas {
  background-image: url("/sites/default/files/2025-03/DislipemiasOrigenGenetico.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

.VariabilidadGeneticaHumana {
  background-image: url("/sites/default/files/2025-03/VariabilidadGeneticaHumana.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

#Anestesia {
  background-image: url("/sites/default/files/2025-03/bkgAnestesia.jpg");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 250px;
  text-align: center;
}

#AreaCirugia {
  background-image: url("/sites/default/files/2025-02/bkgCirugia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.cirugia3 {
  background-image: url("/sites/default/files/2025-03/Cirugia1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 230px;
  height: 150px;
  text-align: left;
}
.Anestesia {
  background-image: url("/sites/default/files/2025-03/Anestesia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  /* width: 250px; */
  height: 150px;
  text-align: center;
}

#FisioPatologia {
  background-image: url("/sites/default/files/2025-03/Biomateriales.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
}

.IngenieriaCelular {
  background-image: url("/sites/default/files/2025-03/Ingenieriacelular.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.FarmacologiaClinica {
  background-image: url("/sites/default/files/2025-03/FarmacologiaClinica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.Osteoarticular {
  background-image: url("/sites/default/files/2025-03/osteoarticular.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.Maxilofacial {
  background-image: url("/sites/default/files/2025-03/maxilofacial.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.Paciente {
  background-image: url("/sites/default/files/2025-03/paciente.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.CirugiaGeneralDigestiva {
  background-image: url("/sites/default/files/2025-03/CirugiaGeneral.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.LIMA {
  background-image: url("/sites/default/files/2025-03/LIMABKG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 150px;
  text-align: center;
}

.IASalud {
  background-image: url("/sites/default/files/2025-03/iasalud.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 150px;
  text-align: center;
}

#AreaMaterno {
  background-image: url("/sites/default/files/2025-02/bkgMaterno.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.materno3 {
  background-image: url("/sites/default/files/2025-03/Materno1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 230px;
  height: 150px;
  text-align: left;
}

.Neonatologia {
  background-image: url("/sites/default/files/2025-03/neonatologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.HepatologiaMolecular {
  background-image: url("/sites/default/files/2025-03/hepatologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.MaternoFetal {
  background-image: url("/sites/default/files/2025-03/maternofetal.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.PatInfecciosaRespiratoriaInfancia {
  background-image: url("/sites/default/files/2025-03/patologiainfecciosarespiratoria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.vih {
  background-image: url("/sites/default/files/2025-03/vih.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.CancerInfantil {
  background-image: url("/sites/default/files/2025-03/Cancerinfantil.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.MalformacionesCongenitas {
  background-image: url("/sites/default/files/2025-03/malformacionescongenitas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.Endometriosis {
  background-image: url("/sites/default/files/2025-03/Endometriosis.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.AdolescentesTrasplantados {
  background-image: url("/sites/default/files/2025-03/Transplante.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

.Estres {
  background-image: url("/sites/default/files/2025-03/estres.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px;
  text-align: center;
}

#AreaInfecciosas2 {
  background-image: url("/sites/default/files/2025-02/bkgInfecciosas2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.EnvejecimientoFragilidad {
  background-image: url("/sites/default/files/2025-03/envejecimientoyFragilidadPersonasMayores.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px !important;
  text-align: center;
}

.envejecimiento2 {
  background-image: url("/sites/default/files/2025-03/EnvejecimientoWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 250px;
  height: 150px;
  text-align: left;
}

.FragilidadEnvejecimientoSaludable {
  background-image: url("/sites/default/files/2025-03/FragilidadyEnvejecimientoSaludable.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px !important;
  text-align: center;
}

.FragilidadPatronesMultimorbilidad {
  background-image: url("/sites/default/files/2025-03/FragilidadPatronesdeMultimorbilidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 180px !important;
  text-align: center;
}

.neurociencias3 {
  background-image: url("/sites/default/files/2025-03/NeurocienciasGrey_0.svg") !important;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 230px;
  height: 150px;
  text-align: left;
  vertical-align: middle;
}

.grupoNeuroprotectoras {
  background-image: url("/sites/default/files/2025-03/fotoGrupoEstrategiasNeuroprotectoras.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  padding: 15px;
  height: 300px;
  text-align: center;
}

#Sistemanerviosocentral {
  background-image: url("/sites/default/files/2025-03/LineaGlutamatergicoSistemaNerviosoCentral_0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#grusistemanervi {
  margin-top: -10px;
}

#Biomarcadores {
  background-image: url("/sites/default/files/2025-03/LineasBiomarcadoresNeurodegenerativa_0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#grubiomarca {
  margin-top: 6px;
}

@media (max-width: 991px) {
  #Biomarcadores {
    height: 290px;
  }
}

#Esclerosis {
  background-image: url("/sites/default/files/2025-03/LineaInvestigacionEsclerosis_0.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Cardio1 {
  background-image: url("/sites/default/files/2025-03/cardio1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Cardio2 {
  background-image: url("/sites/default/files/2025-03/cardio2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px !important;
  text-align: center;
}

#Cardio4 {
  background-image: url("/sites/default/files/2025-03/cardio4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px !important;
  text-align: center;
}

#grucardio {
  margin-top: 6px;
}

#Cardio3 {
  background-image: url("/sites/default/files/2025-03/cardio3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Cardio5 {
  background-image: url("/sites/default/files/2025-03/cardiologiaPediatrica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px !important;
  text-align: center;
}

#grucardio5 {
  margin-top: 6px !important;
}

.cardiovascular2 {
  background-image: url("/sites/default/files/2025-03/CardiovascularWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 200px;
  height: 150px;
  text-align: left;
  vertical-align: middle;
}

#LineaInfecciosasComplemento {
  background-image: url("/sites/default/files/2025-03/complemento.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#Sida {
  background-image: url("/sites/default/files/2025-03/sida.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Microbiologia {
  background-image: url("/sites/default/files/2025-03/microbiologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#InmunoReumatologia {
  background-image: url("/sites/default/files/2025-03/reuma.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#LineaRespuestaInmune {
  background-image: url("/sites/default/files/2025-03/respuestaInmune.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#LineaFisiopatologia {
  background-image: url("/sites/default/files/2025-03/FisiopatologiaLinfocitaria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#LineaHipersensibilidadMedicam {
  background-image: url("/sites/default/files/2025-03/hipersensibilidadMedicamentos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#LineaInmunomediadasGastro {
  background-image: url("/sites/default/files/2025-03/enfermedadesInmunomediadas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#LineamicroRNAs {
  background-image: url("/sites/default/files/2025-03/microRNA.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#Inmunomed {
  background-image: url("/sites/default/files/2025-03/enfermedadesinmun.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.grupoComplemento {
  background-image: url("/sites/default/files/2025-03/grupoComplemento.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 200px;
  width: 100%;
  text-align: center;
}

#MedicinaInterna {
  background-image: url("/sites/default/files/2025-03/medicinaInternaYEnfermedadesSistemicas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#DisfuncionFalloOrganico {
  background-image: url("/sites/default/files/2025-03/disfuncionYFalloOrganicoAgresion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#EnfermedadesRespiratorias {
  background-image: url("/sites/default/files/2025-03/enfermedadesRespiratorias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#grucardio3 {
  margin-top: 7px;
}

#RegulacionExpresionGenicaHipoxia {
  background-image: url("/sites/default/files/2025-03/regulacionExpresionGenicaHIpoxia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#LineaNefrologia {
  background-image: url("/sites/default/files/2025-03/nefrologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#DiagnosticoTratamientoAlergicas {
  background-image: url("/sites/default/files/2025-03/diagnosticoytratamientoENfermedadesAlergicas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#GestionPacienteSangrante {
  background-image: url("/sites/default/files/2025-03/GestionenelPacienteSangrante.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#InvestigacionCuidadosSalud {
  background-image: url("/sites/default/files/2025-03/InvestigacionCuidadosSalud.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#PatologiaUrgenteEmergente {
  background-image: url("/sites/default/files/2025-03/patologiaUrgenteyEmergente.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#FarmaciaHospitalaria {
  background-image: url("/sites/default/files/2025-03/FarmaciaHospitalaria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#HepatologiaTraslacional {
  background-image: url("/sites/default/files/2025-03/HepatologiaTraslacional.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#Neurocure {
  background-image: url("/sites/default/files/2025-03/neurocure.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.patologias3 {
  background-image: url("/sites/default/files/2025-02/Patologias1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 230px;
  height: 150px;
  text-align: left;
}

#INGEMM {
  background-image: url("/sites/default/files/2025-03/INGEMM.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

@media (max-width: 991px) {
  #INGEMM {
    height: 200px !important;
  }
}

#OncologiaTraslacional {
  background-image: url("/sites/default/files/2025-03/bkgOncologiaTraslacional.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#TerapiasExperimentalesCancer {
  background-image: url("/sites/default/files/2025-03/bkgTerapiasExperimentales.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#InvestigacionOtoneurocirugia {
  background-image: url("/sites/default/files/2025-03/Otoneurocirugia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#PatologiaMolecularCancer {
  background-image: url("/sites/default/files/2025-03/PatologiaMolecularCancer.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#MecanismosProgresionTumoral {
  background-image: url("/sites/default/files/2025-03/MecanismosProgresionTUmoral.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#DislipemiasGeneticoMetabolicas {
  background-image: url("/sites/default/files/2025-03/InvestigacionDiagnosticoEnfermedadesMetabolicasHereditarias.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#DislipemiasGeneticoMetabolicas {
  background-image: url("/sites/default/files/2025-03/DislipemiasOrigenGenetico.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#VariabilidadGeneticaHumana {
  background-image: url("/sites/default/files/2025-03/VariabilidadGeneticaHumana.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.genetica3 {
  background-image: url("/sites/default/files/2025-03/CancerGrey.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 230px;
  height: 150px;
  text-align: left;
}

.imgOncologiaTraslacional {
  background-image: url("/sites/default/files/2025-03/fotoOncologiaTraslacional.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 280px;
  width: 100%;
  text-align: center;
}

.imgVariabilidad {
  background-image: url("/sites/default/files/2025-03/grupoVariabilidadGenetica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 280px;
  width: 100%;
  text-align: center;
}

#FisioPatologia {
  background-image: url("/sites/default/files/2025-03/Biomateriales.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#IngenieriaCelular {
  background-image: url("/sites/default/files/2025-03/Ingenieriacelular.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#FarmacologiaClinica {
  background-image: url("/sites/default/files/2025-03/FarmacologiaClinica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#Maxilofacial {
  background-image: url("/sites/default/files/2025-03/maxilofacial.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#Paciente {
  background-image: url("/sites/default/files/2025-03/paciente.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.imgGrupoFarmacologiaClinica {
  background-image: url("/sites/default/files/2025-03/grupoFarmacologiaClinica.JPG");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 350px;
  height: 200px;
  text-align: center;
  display: block;
}

.imgMision {
  background-image: url("/sites/default/files/2025-03/mision_2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
}

.imgVision {
  background-image: url("/sites/default/files/2025-03/vision_2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
}

.imgValores {
  background-image: url("/sites/default/files/2025-03/valores_2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 50px;
  height: 50px;
  text-align: center;
  display: block;
}

.imgGrupoFarmacologiaClinicaHitos {
  background-image: url("/sites/default/files/2025-03/hitos_1.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 15px;
  width: 100%px;
  height: 350px;
  text-align: center;
  display: block;
}

#CirugiaGeneralDigestiva {
  background-image: url("/sites/default/files/2025-03/CirugiaGeneral.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}
#LIMA {
  background-image: url("/sites/default/files/2025-03/LIMABKG.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#IASalud {
  background-image: url("/sites/default/files/2025-03/iasalud.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

.cirugia2 {
  background-image: url("/sites/default/files/2025-03/CirugiaWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 250px;
  height: 150px;
  text-align: left;
}

#Neonatologia {
  background-image: url("/sites/default/files/2025-03/neonatologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#vih {
  background-image: url("/sites/default/files/2025-03/vih.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#HepatologiaMolecular {
  background-image: url("/sites/default/files/2025-03/hepatologia.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#MaternoFetal {
  background-image: url("/sites/default/files/2025-03/maternofetal.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 250px;
  text-align: center;
}

#INGEMM {
  background-image: url("/sites/default/files/2025-03/INGEMM.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#PatInfecciosaRespiratoriaInfancia {
  background-image: url("/sites/default/files/2025-03/patologiainfecciosarespiratoria.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

#CancerInfantil {
  background-image: url("/sites/default/files/2025-03/Cancerinfantil.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#MalformacionesCongenitas {
  background-image: url("/sites/default/files/2025-03/malformacionescongenitas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Endometriosis {
  background-image: url("/sites/default/files/2025-03/Endometriosis.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#AdolescentesTrasplantados {
  background-image: url("/sites/default/files/2025-03/Transplante.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Estres {
  background-image: url("/sites/default/files/2025-03/estres.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.materno2 {
  background-image: url("/sites/default/files/2025-03/MaternoWhite1.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 230px;
  height: 150px;
  text-align: left;
}

.cancerinfantil {
  background-image: url("/sites/default/files/2025-03/GrupoInvestigacionTraslacionalCancerInfantil.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 15px;
  height: 300px;
  text-align: center;
}

#EnvejecimientoFragilidad {
  background-image: url("/sites/default/files/2025-03/envejecimientoyFragilidadPersonasMayores.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#FragilidadEnvejecimientoSaludable {
  background-image: url("/sites/default/files/2025-03/FragilidadyEnvejecimientoSaludable.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#FragilidadPatronesMultimorbilidad {
  background-image: url("/sites/default/files/2025-03/FragilidadPatronesdeMultimorbilidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
}

#gruneurocure {
  margin-top: 7px !important;
}

#grudisfuncio {
  margin-top: 6px !important;
}

#grupmicrobiolo {
  margin-top: 25px !important;
}

#gruenfermedadesrespi {
  margin-top: 6px !important;
}

#gruregulacion {
  margin-top: 6px !important;
}

#grudiagnostico {
  margin-top: 6px !important;
}

#gruoncolo {
  margin-top: 6px !important;
}

#grupatolo {
  margin-top: 6px !important;
}

#gruinvestiga {
  margin-top: 6px !important;
}

#grudispli {
  margin-top: 6px !important;
}

#grudislipe {
  margin-top: 6px !important;
}

#grucirugia {
  margin-top: 6px !important;
}

#grumaxilo {
  margin-top: 6px !important;
}

#grupacie {
  margin-top: 6px !important;
}

#gruIAS {
  margin-top: 6px !important;
}

#grulima {
  margin-top: 6px !important;
}

#gruneona {
  margin-top: 6px !important;
}

#gruhepat {
  margin-top: 6px !important;
}

#grumater {
  margin-top: 6px !important;
}

#gruINGEMM {
  margin-top: -8px !important;
}

#grupatinfecciosas {
  margin-top: -8px !important;
}

#gruinfeccionpediatria {
  margin-top: -6px !important;
  font-size: 1.8rem;
}

#grucancerinfa {
  margin-top: 7px !important;
}

#gruMalformac {
  margin-top: 6px !important;
}

#gruEndome {
  margin-top: 6px !important;
}

#gruAdolesc {
  margin-top: 6px !important;
}

#gruEstr {
  margin-top: -10px !important;
}

.envejecimiento3 {
  background-image: url("/sites/default/files/2025-02/Envejecimiento1.svg") !important;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: 250px;
  height: 150px;
  text-align: left;
}

#gruEnvejecimientoFr {
  margin-top: 6px !important;
}

#FragilidadPatr {
  margin-top: -8px !important;
}

#gruLineaFisiop {
  margin-top: 6px;
}

#gruLineaHipersen {
  margin-top: 6px;
}

#gruDiagnosticoTra {
  margin-top: 6px !important;
}

/*LGallardo: responsive titulo*/
@media (max-width: 991px) {
  .blur {
    padding: 1px !important;
  }
  .neurociencias2,
  .neurociencias3,
  .cardiovascular2,
  .infecciosas2,
  .patologias2,
  .patologias3,
  .genetica2,
  .genetica3,
  .cirugia2,
  .cirugia3,
  .materno2,
  .materno3,
  .envejecimiento2,
  .language-plaintext {
    width: 152px;
    margin-left: 30%;
    display: none; /*LGallardo: para recuperar la imagen de los titulos, pon flex */
    justify-content: center;
    align-items: center;
  }

  .pazito {
    width: 140px !important;
    margin-left: 40%;
    margin-right: 30%;
    margin-bottom: -2rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center;
  }

  .imgMision,
  .imgVision,
  .imgValores,
  .solicitudes,
  .documentos {
    margin-left: 45%;
  }

  /* .Anestesia,
  .CirugiaGeneralDigestiva,
  .Paciente,
  .Maxilofacial,
  .Osteoarticular,
  .FarmacologiaClinica,
  .IngenieriaCelular{
    margin-left: 13%;
  } */
}

@media (max-width: 768px) {
  .pazito {
    margin-left: 30% !important;
  }
}

@media (max-width: 376px) {
  .pazito {
    margin-left: 25% !important;
  }
}
/******** Espacio del investigador  *************/

.plataforma-link .plataforma-img {
  background-repeat: no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 199px;
  text-align: center;
}

.textRed {
  color: #d10002 !important;
}

.textRed a,
.plataforma-link,
.plataforma-link a {
  color: #d10002 !important;
  text-decoration: none;
}

.textRed a:hover,
.plataforma-link:hover,
.plataforma-link a:hover {
  text-decoration: underline;
  color: #a00001 !important; /* un poco más oscuro si quieres */
}

#RedLab2 {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding-top: 2px;
  margin-top: -15px;
  margin-left: -25px;
}

.redlab-img {
  width: 150px;
  height: 100px;
  text-align: center;
  margin-top: -10px;
  margin-left: -14px;
}

.formacion-img {
  background-repeat: no-repeat;
  background-size: cover;
  width: 250px;
  height: 150px;
  text-align: center;
}

.col-md-12 .py-4 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#plataformaBioestadistica {
  background-image: url("/sites/default/files/2025-04/bioestadistica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#servicioCirugiaExperimental {
  background-image: url("/sites/default/files/2025-04/cirugiaExperimental.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#servicioInternacionalizacion {
  background-image: url("/sites/default/files/2025-04/Internacionalizacion3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#servicioDocumentalista {
  background-image: url("/sites/default/files/2025-04/Documentalista3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Labo {
  background-image: url("/sites/default/files/2025-04/laboratoriosComunes.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#PAIN {
  background-image: url("/sites/default/files/2025-04/pain3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Secuenciacion {
  background-image: url("/sites/default/files/2025-04/Secuenciacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#plataformaSimulacion {
  background-image: url("/sites/default/files/2025-04/simulacion3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#servicioOTRI {
  background-image: url("/sites/default/files/2025-04/OTC_2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#bkgRedLAB {
  background-image: url("/sites/default/files/2025-04/bkgREDLAB.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#convocatoriasNacionales {
  background-image: url("/sites/default/files/2025-04/convocatoriasNacionales.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  overflow: hidden;
}

#convocatoriasInternacionales {
  background-image: url("/sites/default/files/2025-04/convocatoriasInternacionales.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  overflow: hidden;
}

#convocatoriasIdiPAZ {
  background-image: url("/sites/default/files/2025-04/actualidad1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  overflow: hidden;
}

#proyectosFinanciacionPublica {
  background-image: url("../assets/img/bkgFinanciacionPublica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#proyectosEuropeos {
  background-image: url("../assets/img/innovacionProyectos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#AltaInvestigadores2 {
  background-image: url("/sites/default/files/2025-04/bkgFormAlta.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: auto;
  text-align: center;
}

.labo1 {
  background-image: url("/sites/default/files/2025-04/labo1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

.labo2 {
  background-image: url("/sites/default/files/2025-04/labo2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

.labo3 {
  background-image: url("/sites/default/files/2025-04/labo3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

.labo4 {
  background-image: url("/sites/default/files/2025-04/labo4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

.labo5 {
  background-image: url("/sites/default/files/2025-04/labo5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

#Labo1 {
  background-image: url("/sites/default/files/2025-04/labo1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Labo2 {
  background-image: url("/sites/default/files/2025-04/labo2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Labo3 {
  background-image: url("/sites/default/files/2025-04/labo3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Labo4 {
  background-image: url("/sites/default/files/2025-04/labo4.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Labo5 {
  background-image: url("/sites/default/files/2025-04/labo5.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.programaMentor {
  background-image: url("/sites/default/files/2025-04/mentor.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 100%;
  height: 200px;
  text-align: center;
  vertical-align: middle;
}

.secuenciacionEstructura {
  background-image: url("/sites/default/files/2025-04/EsquemaSecuenciacion.jpg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 500px;
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}

.secuenciacion1 {
  background-image: url("/sites/default/files/2025-04/secuenciacion1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

.secuenciacion2 {
  background-image: url("/sites/default/files/2025-04/secuenciacion2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  width: 250px;
  height: 150px;
  text-align: center;
  display: block;
}

#Secuenciacion1 {
  background-image: url("/sites/default/files/2025-04/secuenciacion1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#Secuenciacion2 {
  background-image: url("/sites/default/files/2025-04/secuenciacion2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.lineRed {
  height: 4px;
  border-bottom: 10px solid red;
  width: 100%;
  margin-bottom: 10px;
}

.servicioRedLAB {
  background-image: url("/sites/default/files/2025-04/redlab326.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 250px;
  height: 280px;
  text-align: center;
  vertical-align: middle;
}

table.dataTable thead th {
  background-color: #d10002 !important;
  color: #ffffff !important;
}

#buscador {
  background-color: #d10002;
  height: 90px;
}

#proyectosEuropeos {
  background-image: url("/sites/default/files/2025-04/innovacionProyectos.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

#proyectosFinanciacionPublica {
  background-image: url("/sites/default/files/2025-04/innovacionFinanciacionPublica.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.logoMISASSI {
  background-image: url("/sites/default/files/2025-04/MISASSI.jpg");
  height: 60px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
}

.logoMICINN {
  background-image: url("/sites/default/files/2025-04/MICINN.jpg");
  height: 60px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
}

.logoCarlosIII {
  background-image: url("/sites/default/files/2025-04/carlos-iii.jpg");
  height: 60px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
}

.logoNEXTGENEU- {
  /* background-image: url("/sites/default/files/2024-10/FinanciadoUENextGen.svg"); */
  height: 110px;
  width: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
  max-height: 7rem !important;
}

.logoPLAN {
  background-image: url("/sites/default/files/2024-10/EuropaTR.svg");
  height: 60px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
}

.logoCOFINANCIADO {
  /* background-image: url("/sites/default/files/2024-10/CofinanciadoUE.svg"); */
  height: 100px;
  width: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
  background-position: center right;
  max-height: 7rem !important;
}

.can-ini {
  max-height: 7rem !important;
}

.logoCAM2 {
  background-image: url("/sites/default/files/2025-04/comM.jpg");
  height: 60px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  display: block;
}

@media (max-width: 991px) {
  #LineaInmunomediadasGastro {
    height: 100%;
  }
}
@media (max-width: 991px) {
  #AreaNeurociencias,
  #Psiquiatria,
  #Biomarcadores,
  #Esclerosis,
  #bkgCardiovascular,
  #Cardio1,
  #Cardio2,
  #Cardio3,
  #Cardio4,
  #Cardio5,
  #AreaInfecciosas2,
  #LineaInfecciosasComplemento,
  #Sida,
  #Microbiologia,
  #InmunoReumatologia,
  #LineaRespuestaInmune,
  #LineaFisiopatologia,
  #LineaHipersensibilidadMedicam,
  #LineamicroRNAs,
  #Inmunomed,
  #Neurocure,
  #DisfuncionFalloOrganico,
  #EnfermedadesRespiratorias,
  #RegulacionExpresionGenicaHipoxia,
  #LineaNefrologia,
  #DiagnosticoTratamientoAlergicas,
  #GestionPacienteSangrante,
  #InvestigacionCuidadosSalud,
  #PatologiaUrgenteEmergente,
  #FarmaciaHospitalaria,
  #HepatologiaTraslacional,
  #Neurocure,
  #AreaCancerGenetica,
  #INGEMM,
  #OncologiaTraslacional,
  #TerapiasExperimentalesCancer,
  #InvestigacionOtoneurocirugia,
  #PatologiaMolecularCancer,
  #MecanismosProgresionTumoral,
  #DislipemiasGeneticoMetabolicas,
  #VariabilidadGeneticaHumana,
  #AreaCirugia,
  #FisioPatologia,
  #IngenieriaCelular,
  #FarmacologiaClinica,
  #CirugiaGeneralDigestiva,
  #Maxilofacial,
  #Paciente,
  #Anestesia,
  #IASalud,
  #LIMA,
  #Neonatologia,
  #HepatologiaMolecular,
  #MalformacionesCongenitas,
  #Endometriosis,
  #AdolescentesTrasplantados,
  #Estres,
  #EnvejecimientoFragilidad,
  #FragilidadEnvejecimientoSaludable {
    height: 200px;
  }
}
/***** Dona *****/

#Colabora {
  background-image: url("/sites/default/files/2025-04/colabora.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
  margin-bottom: 50px;
}

#pazito2 {
  padding-right: 20rem !important;
}

@media (max-width: 991px) {
  /* .pazito{
    font-size: clamp (1.5rem, 6vw, 2rem);
  } */

  #pazito2 {
    font-size: clamp(1.5rem, 6vw, 2rem);
    padding: 0px !important;
    margin-top: 1rem !important;
    margin-right: 0rem !important;
  }
}

.pazito {
  background-image: url("/sites/default/files/2025-04/pazito.png");
  height: 138px;
  width: 300px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-top: 11px;
  margin-bottom: 3px;
  text-align: left;
}

/*** Portal del empleado ****/

#RRHH {
  background-image: url("/sites/default/files/2025-04/RRHH_IdiPAZ2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px !important;
  text-align: center;
}

.solicitudes {
  background-image: url("/sites/default/files/2025-04/solicitudes.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
}

.documentos {
  background-image: url("/sites/default/files/2025-04/documentos.svg");
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 20px;
}
.prevencionActualidad {
  background-image: url("/sites/default/files/2025-04/prevencionActualidad.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 350px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 30px;
}

.prevencionAccidente {
  background-image: url("/sites/default/files/2025-04/prevencionAccidente.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  width: 350px;
  height: 90px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 30px;
}

/***  ICONO ACORDEON ***/

.accordion-button:not(.collapsed)::after {
  filter: invert(100%);
}

/*** IMAGENES GRUPOS EMERGENTES Y CLINICOS ASOCIADOS ***/
.promocionIcon {
  width: 70px;
  height: 70px;
  background-image: url("/sites/default/files/2025-04/PromocionIcon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
  vertical-align: middle;
  text-align: left;
}

.financiacionIcon {
  width: 70px;
  height: 70px;
  background-image: url("/sites/default/files/2025-04/FinanciacionIcon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
  vertical-align: middle;
}

.difusionIcon {
  width: 70px;
  height: 70px;
  background-image: url("/sites/default/files/2025-04/difusionIcon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
  vertical-align: middle;
}

.colaboracionIcon {
  width: 70px;
  height: 70px;
  background-image: url("/sites/default/files/2025-04/colaboracionIcon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  margin-top: 20px;
  width: 100%;
  vertical-align: middle;
}

/***POLITICA DE OPEN SCIENCE ***/

#MemoriasInvestigacion {
  background-image: url("/sites/default/files/2025-04/bkgMemoriasInvestigacion.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

.imgElementos {
  background-image: url("/sites/default/files/2025-04/ENCA.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  padding: 15px;
  width: 100%;
  max-width: 900px;
  height: 300px;
  text-align: center;
  vertical-align: middle;
}

/***IMAGEN FONDO FORMULARIO ***/

#FormularioContacto {
  background-image: url("/sites/default/files/2025-04/FormularioContactoQuejas.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  height: auto;
  text-align: center;
}

#FormularioRRHH {
  background-image: url("/sites/default/files/2025-04/FormularioRRHH.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: 700px;
  text-align: center;
}

.fecha {
  font-size: 0.9em;
  color: #888;
  margin-bottom: 5px;
}

/*****   slider  *****/

/*** Slider con las noticias, página de inicio ******/

/*LGallardo: para arreglar la vista del carrusel de inicio*/
#slick-aad9357a18c {
  padding: 2% 11% 0% 11%;
}

@media (min-width: 1025px) {
  .grid .slide__grid .grid--1 .list-group-item {
    width: 600px !important;
  }

  ul.blazy--grid > li.grid {
    width: 50% !important;
    height: 215px;
    border: none;
  }

  /*LGallardo: está fuera del media*/
  /* #slick-aad9357a18c {
    margin-right: 98px;
    padding-right: 141px;
    margin-left: 255px;
    padding-left: 156px;
  } */

  /*
  .slick-prev.slick-arrow {
    margin-left: 206px;
  }
  */
  /*.slick-next.slick-arrow {
      margin-right: 199px;
    }

    .slick--initialized {
      margin-bottom: 63px;
    }
  }*/

  .slick-prev.slick-arrow {
    margin-left: 80px !important;
  }

  .slick-next.slick-arrow {
    margin-right: 80px !important;
  }
}
/**** Slider con las noticias, página de inicio  ->   pantallas pequeñas ******/
@media (max-width: 1024px) {
  .grid .slide__grid .grid--1 .list-group-item,
  ul.blazy--grid > li.grid {
    width: 100% !important;
    height: auto;
    margin: 0 auto;
    border: #f0f0f0;
  }

  #slick-aad9357a18c {
    margin: 0 auto !important;
  }

  .slick-prev.slick-arrow,
  .slick-next.slick-arrow {
    margin: 0 !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .slick-prev.slick-arrow {
    left: 10px;
  }

  .slick-next.slick-arrow {
    right: 10px;
    margin-right: 0px;
  }


  /* FAlmeida */
  /*LGallardo: esto ya está puesto más abajo con un !import*/
  /* #views-exposed-form-vista-actos-cientificos-default {
    padding: initial;
  } */

  .form-control {
    width: initial;
  }
}

.slick-prev::before,
.slick-next::before {
  color: gray !important;
}


@media (max-width: 991px) {
  .blazy.b-nativegrid,
  .item-list > .blazy.b-nativegrid {
    display: block !important;
  }
}

/* CLASES PARA QUE DRUPAL NO ELIMINE LOS ICONOS PDF TIPO ENLACE Y CHEVRON DOWN  */
/* 1. PDF: icono rojo de documento PDF */
.accordion-item.tipo-pdf .accordion-button::after {
  content: "\f640"; /* bi-file-earmark-pdf */
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  color: #232222;
  background-image: none !important;
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1;
}

/* 2. Enlace externo: icono azul con flecha */
.accordion-item.tipo-enlace .accordion-button::after {
  content: "\f1C5"; /* bi-box-arrow-up-right */
  font-family: "bootstrap-icons";
  font-style: normal;
  font-weight: normal;
  color: #232222;
  background-image: none !important;
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1;
}

/* 3. Desplegable: mantiene el chevron de Bootstrap */
.accordion-item.tipo-desplegable .accordion-button::after {
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
  margin-left: auto;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  flex-shrink: 0;
  color: #232222;
}
/*


.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  padding-top: 0px !important;
  padding-right: 0px;
  margin-right: -14px;
}

*/

/****************************************************/

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
}

/********************** slider*************************/

.teaser-date {
  display: flex;
  gap: 0.3em;
  flex-wrap: wrap;
  color: #000 !important;
  font-size: 1.2rem !important;
  font-family: "Caviar Dreams", sans-serif !important;
  font-weight: normal !important;
  margin-top: 14px !important;
}

.teaser-date .fecha-dia,
.teaser-date .fecha-mes,
.teaser-date .fecha-dia-semana {
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  margin: 0 !important;
  display: inline;
}

.slick__slide {
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.slick-track {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

/****** Para idipaz news******/
#noticias-listado-sin-bordes .list-group-item {
  border: none;
  font-weight: bold;
}

#bkgIdipazNews {
  background-image: url("/sites/default/files/2025-05/idipaznwes.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 200px;
  text-align: center;
}

/****/
#toggleSearchDesktop {
  margin-right: 28px !important;
}

.search-card {
  margin-top: -10px !important;
}

.slick-slider {
  -index: 10 !important;
}

.slick .slick-dots--thumbnail-hover {
  position: absolute !important;
  right: 0px !important;
}

.slick-track {
  position: none !important;
  margin-bottom: 78px !important;
}

/**** formularios ****/

/* Estilo global para todo el formulario */

form.webform-submission-form {
  background-color: rgba(255, 255, 255, 0.619);
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

/* Etiquetas */
form.webform-submission-form label {
  font-weight: 500;
  color: #333;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
}

/* Campos de entrada, select y textarea */
form.webform-submission-form input[type="text"],
form.webform-submission-form input[type="email"],
form.webform-submission-form input[type="url"],
form.webform-submission-form input[type="file"],
form.webform-submission-form input[type="tel"],
form.webform-submission-form textarea,
form.webform-submission-form select {
  width: 100% !important;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-size: 16px;
}

/* Botones de envío */
form.webform-submission-form .form-submit {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 12px 25px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  border-radius: 0 !important;
}

/* Hover del botón */
form.webform-submission-form .form-submit:hover {
  background-color: #d10002;
  transition: background-color 0.3s ease;
}

/* Campo de archivos */
form.webform-submission-form .form-file {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}

/* Descripción de los campos */
form.webform-submission-form .webform-element-description {
  font-size: 14px;
  color: #777;
}

/* Separación entre elementos */
form.webform-submission-form .form-wrapper,
form.webform-submission-form .form-item,
form.webform-submission-form .js-form-item {
  margin-bottom: 20px;
  border-radius: 0 !important;
}

#block-bootstrap-subtheme-webform-2 {
  margin-top: 20px !important;
  /*background-image: url("/sites/default/files/2024-11/envianosNoticia.jpg");*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*LGR: Formulario solicitud de donaciones*/
#webform-submission-solicitar-certificado-de-donacio-node-728-add-form{
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;

}

@media (max-width: 991px) {
  #webform-submission-solicitar-certificado-de-donacio-node-728-add-form{
        margin-left: 0px;
    margin-right: 0px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}


@media (min-width: 992px) {
  [id^="webform-submission-programa-prementor"],
  [id^="webform-submission-formulario-areascientificas"],
  [id^="webform-submission-formulario-baja-de-investigador"],
  [id^="webform-submission-formulario-de-baja-de-investigad"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-programa-prementor"],
  [id^="webform-submission-formulario-areascientificas"],
  [id^="webform-submission-formulario-baja-de-investigador"],
  [id^="webform-submission-formulario-de-baja-de-investigad"],
  [id^="webform-submission-solicitar-certificado-de-donacio-node-728-add-form"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

#edit-tematica {
  border-radius: 0 !important;
}

#destino {
  border-radius: 0 !important;
}

/* Parámetro para los Checkbox  visibles y nativos / todos los checks estaban como botones / conflicto entre bootstrap y drupal*/

input#edit-terms-of-service {
  appearance: checkbox !important;
  display: inline-block !important;
  opacity: 1 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  margin-right: 0.5em;
  pointer-events: auto;
}

label[for="edit-terms-of-service"] {
  cursor: pointer;
  font-weight: normal;
  color: #3e3e3e !important;
  padding-left: 0.2em;
  display: inline;
}

label[for="edit-terms-of-service"] a {
  color: #d10002;
  text-decoration: underline;
}

label[for^="edit-"][required]::after,
input[required] + label::after {
  content: " *";
  color: red;
  font-weight: bold;
  margin-left: 0.25em;
}

label[for="edit-terms-of-service"].btn {
  all: unset;
  font: inherit;
  color: inherit;
  cursor: pointer;
  display: inline-block;
}

.btn-check:checked + .btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  background-color: transparent !important;
  border-color: transparent !important;
  color: #252525 !important;
  box-shadow: none !important;
}

.btn-check:checked + .btn-outline-primary:focus,
.btn-check:checked + .btn-outline-primary:focus-visible,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:focus-visible,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary.dropdown-toggle.show:focus-visible,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:focus-visible {
  box-shadow: none !important;
}

.btn.btn-outline-primary:focus-visible {
  box-shadow: none !important;
}

/* Fin*/

@media (min-width: 992px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    width: 84% !important;
    top: 2280.21px !important;
    left: 199px !important;
  }
}

/* responsive y centrado */
@media (max-width: 991px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    width: 95% !important;
    max-width: 95% !important;
    top: 5% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: none !important;
  }
}

/* formulario de inscripcion a curso*/

#block-bootstrap-subtheme-webform-3 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-05/formacionCursos.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  [id^="webform-submission-formulario-de-inscripcion"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }

  [id^="webform-submission-contacto-recursos-humanos-node-265-add-form"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-de-inscripcion"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }

  [id^="webform-submission-contacto-recursos-humanos-node-265-add-form"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

/* formulario publicación*/

#block-bootstrap-subtheme-webform-14 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-05/envianosNoticia.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  [id^="webform-submission-formulario-de-publicacion"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-de-publicacion"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
  /*LGallardo*/
  #edit-containerleft,
  #edit-containerright {
    flex: 1 1 100%;
  }
}

#edit-selecciona-un-curso {
  border-radius: 0 !important;
}

/*Formulario de sugerencia, reclamaciones o denuncias*/

#block-bootstrap-subtheme-webform-4 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-04/FormularioContactoQuejas.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #webform-submission-formulario-de-sugerencia-reclama-node-281-add-form {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  #webform-submission-formulario-de-sugerencia-reclama-node-281-add-form {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

#edit-tipo-de-comunicacion-select {
  border-radius: 0 !important;
}

#edit-deseas-formular-tu-comunicacion-de-forma-anonima {
  border-radius: 0 !important;
}

/*Formulario Idea innovadora*/

#block-bootstrap-subtheme-webform-5 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2024-10/bkgIdea.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #webform-submission-idea-innovadora-node-282-add-form {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  #webform-submission-idea-innovadora-node-282-add-form {
    margin: 14px auto;
    padding: 20px 20px 9px 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

/*Formulario Gabinete de comunicación*/

#block-bootstrap-subtheme-webform-6 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2024-10/bkgNewsletter.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #webform-submission-gabinete-de-comunicacion-node-321-add-form {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  #webform-submission-gabinete-de-comunicacion-node-321-add-form {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

/*Formulario Gabinete de comunicación*/

#block-bootstrap-subtheme-webform-8 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-04/FormularioRRHH.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* @media (min-width: 992px) {
  #webform-submission-contacto-recursos-humanos-node-265-add-form {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
} */

/* responsive */
@media (max-width: 991px) {
  #webform-submission-contacto-recursos-humanos-node-265-add-form {
    margin: 15px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

#edit-seleccione-una-opcion {
  border-radius: 0 !important;
}

#edit-deseas-formular-tu-comunicacion-de-forma-anonima {
  border-radius: 0 !important;
}

/*Formulario de Contacto*/

#block-bootstrap-subtheme-webform-9 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-05/contratacionPublica.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 1502px) {
  #webform-submission-form-de-contacto-node-269-add-form {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/*Formulario FIBHULP*/

#block-bootstrap-subtheme-webform-16 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-09/thumbnail_COMITEEMPRESA.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  #webform-submission-fibhulp-node-271-add-form {
    margin-left: 300px;
    margin-right: 300px;
    margin-top: 53px;
    margin-bottom: 53px;
    border-radius: 0 !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  #webform-submission-fibhulp-node-271-add-form {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

#edit-form {
  display: flex;
  gap: 20px; /* espacio entre columnas */
}

/* columnas una al lado de la otra por defecto */
#edit-cont-left,
#edit-cont-right {
  flex: 1;
}

#edit-submit-vista-actos-cientificos {
  justify-content: center !important;
}

.flex-wrap {
  flex-wrap: nowrap !important;
}

/* responsive */
@media (max-width: 991px) {
  [id^="edit-submit-vista-actos-cientificos"] {
    padding: 10px 65px !important;
    width: 80% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .form-actions {
    width: 150px;
  }

  #webform-submission-form-de-contacto-node-269-add-form {
    margin-top: 15px;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
  #edit-form {
    flex-direction: column !important;
  }

  #views-exposed-form-vista-seminarios-cientificos--default,
  #views-exposed-form-vista-actos-cientificos-default {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /*LGallardo: añadido el id^= para que el css se mantenga tras la busqueda */
  [id^="edit-field-fecha-filtro-value-wrapper"],
  [id^="edit-actions"],
  [id^="buscarTextoCSS"] {
    /*margin: 1rem !important;*/
    /* width: 50%; */
    width: 100% !important;
    display: block !important;
    float: none !important;
    margin-bottom: 0x;
    margin-left: 20%;
  }
  .flex-wrap {
    flex-wrap: wrap !important;
  }

  .buscarTextoCSS .form-control {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .p1 {
    margin-left: 30px;
  }
}
/* @media (max-width: 1024px) {
  #edit-field-fecha-filtro-value-wrapper,
  #buscarTextoCSS,
  #edit-actions {
    width: 100% !important;
    display: block !important;
    float: none !important;
    margin-bottom: 10px;
  }
} */

/*LGallardo: es para el botón de actos cientificos*/
.form-control {
  width: 100% !important;
  margin-bottom: 3px !important;
}

.edit-submit-todas-las-noticias {
  width: 100% !important;
}

/* FAlmeida */
@media (max-width: 991px) {
  .bkgWhite6 {
    padding-right: 50px;
    width: initial;
  }

  #idipazInforma2 {
    min-height: initial;
  }
}

/* FAlmeida */
@media (max-width: 500px) {
  /*#edit-actions {
    width: 60% !important;
  }*/

  .buscarFechasCSS {
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
  }

  .buscarFechasCSS div {
    padding: 0 !important;
    width: 100% !important;
  }
}

/*LGallardo: añadido para tamaño de botón 'aplicar'*/
[id^="edit-actions"] {
  width: 150px !important;
}

/*Formulario Coara*/

#block-bootstrap-subtheme-webform-5 {
  margin-top: 20px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  [id^="webform-submission-formulario-de-evaluacion"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-bottom: 53px;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-de-evaluacion"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
    box-shadow: none !important;
  }
}

#edit-result1,
#edit-result2,
#edit-result3,
#edit-result5 {
  border: 1px solid #ccc;
  padding: 15px;
  background-color: white !important;
}

#edit-has-revisado-este-ano-articulos-para-revistas-que-practiquen-el {
  border-radius: 0 !important;
}
#edit-has-participado-este-ano-como-revisor-en-comites-cientificos-ex {
  border-radius: 0 !important;
}

.btn.btn-outline-primary {
  border-radius: 0 !important;
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.form-select {
  border-radius: 0 !important;
}

/*Formulario Baja de Grupo*/
#block-bootstrap-subtheme-webform-12 {
  margin-top: 20px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  [id^="webform-submission-programa-prementor"],
  [id^="webform-submission-formulario-areascientificas"],
  [id^="webform-submission-formulario-baja-de-investigador"],
  [id^="webform-submission-formulario-de-baja-de-investigad"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-bottom: 53px;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-baja-de-investigador"],
  [id^="webform-submission-formulario-de-baja-de-investigad"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
    box-shadow: none !important;
  }
}

/*Formulario alta de Grupo*/
#block-bootstrap-subtheme-webform-10 {
  margin-top: 20px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (min-width: 992px) {
  [id^="webform-submission-formulario-de-alta-de-grupo"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-bottom: 53px;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-de-alta-de-grupo"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
    box-shadow: none !important;
  }
}

/*Formulario Baja de Investigadores*/

#block-bootstrap-subtheme-webform-2 {
  margin-top: 20px !important;
  /* background-image: url("/sites/default/files/2025-05/formacionCursos.jpg");*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  [id^="webform-submission-formulario-baja-de-investigador"],
  [id^="webform-submission-formulario-de-baja-de-investigad"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-bottom: 53px;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-baja-de-investigador"],
  [id^="webform-submission-formulario-de-baja-de-investigad"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

/*Formulario Alta de Investigadores*/

#block-bootstrap-subtheme-webform {
  margin-top: 20px !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: none !important;
}

@media (min-width: 992px) {
  [id^="webform-submission-formulario-de-alta-de-investigad"] {
    margin-left: 300px;
    margin-right: 300px;
    margin-bottom: 53px;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

/* responsive */
@media (max-width: 991px) {
  [id^="webform-submission-formulario-de-alta-de-investigad"] {
    margin: 50px auto;
    padding: 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 0 !important;
    box-sizing: border-box;
  }
}

/*LGR:formulario solicitud de donaciones*/
#block-bootstrap-subtheme-webform-17{
  background-color: #dddddd;
}

/**/

#views-exposed-form-todas-las-noticias-default {
  border: 2px solid #d10002;
  margin-bottom: 53px !important;
  padding-bottom: 22px;
  padding-left: 113px;
  padding-top: 4px;
}

.fs-5 {
  color: rgb(0, 0, 0);
}

#views-exposed-form-publicaciones-cientificas-default {
  border: 2px solid #d10002;
  margin-bottom: 53px !important;
  padding-bottom: 22px;
  padding-left: 113px;
  padding-top: 4px;
}

#views-exposed-form-vista-actos-cientificos-default {
  border: 2px solid #d10002;
  margin-bottom: 53px !important;
  padding-bottom: 6px;
  /* padding-left: 113px; */
  padding-top: 6px;
  padding-left: 1rem;
  padding-right: 1rem;
  background: #d10002 !important;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* Cubre cualquier display/página de la vista */
.view.view-id-vista_actos_cientificos .views-exposed-form label[for^="edit-field-fecha-filtro-value-min"],
.view.view-id-vista_actos_cientificos .views-exposed-form label[for^="edit-field-fecha-filtro-value-max"],
.view.view-id-vista_actos_cientificos .views-exposed-form label[for^="edit-keys"] {
  color: #fff;
}


#views-exposed-form-vigilancia-tecnologica-default {
  border: 2px solid #d10002;
  margin-bottom: 53px !important;
  padding-bottom: 22px;
  padding-left: 113px;
  padding-top: 4px;
}

#views-exposed-form-vista-seminarios-cientificos--default {
  border: 2px solid #d10002;
  margin-bottom: 53px !important;
  padding-bottom: 22px;
  padding-left: 113px;
  padding-top: 4px;
}

/* SONIA RESPONSIVE  */
@media (max-width: 768px) {
  #Investigacion,
  #Newsletter,
  #fondoIdiPAZ,
  #Privacidad,
  #AvisoLegal,
  #contratacionPublica,
  #FormularioContratacion,
  #FormularioCursos,
  #bkgLogotipo,
  #Cookies,
/*  #Innovacion,*/
  #IdeaInnovadora,
  #contactaEmail,
  #idipazInforma2,
  #Fundacion,
  #mision,
  #vision,
  #valores,
  #RepoDocum,
  #Localizacion,
  #idipazMedios,
  #areasCientificas,
  #EnvianosNoticia,
  #Investigadores,
  #servicioUCICEC,
  #servicioBiobanco,
  #servicioBioestadistica,
  #servicioCirugiaExperimental,
  #servicioDocumentalista,
  #servicioInternacionalizacion,
  #servicioLaboratoriosComunes,
  #PAIN,
  #plataformaComunicacion,
  #plataformaPITI3D,
  #plataformaSecuenciacion,
  #plataformaSimulacion,
  #servicioOTRI {
    height: auto !important;
    min-height: 200px;
    padding: 20px;
    background-size: cover;
    background-position: center center;
  }
}

/*responsive*/
@media (max-width: 768px) {
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .col-12,
  .col-md-6,
  .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .container {
    padding-right: 0px !important;
  }

  .title.py-4 {
    margin-left: 0px;
  }

  #RepoDocum .title {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left;
  }

  .bkgWhite5 {
    padding: 15px;
    padding-top: 29px;
  }

  .col-md-12.py-4 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .col {
    padding-left: 0px !important;
    padding-right: 0px;
  }

  #rep {
    margin-left: 15px;
  }
  /*LGallardo: modificado para que quede centrado*/
  #areac {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1rem;
  }

  .link-box {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 991px) {
  #areac {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 1rem;
  }
}

#edit-markup,
#edit-markup-01 {
  font-family: "Caviar Dreams", sans-serif !important;
  /*color: #d10002;*/
}

.page-link,
.page-link:hover {
  color: #d10002 !important;
}

.page-item.active .page-link {
  background-color: hsl(0, 0%, 100%) !important;
  border-color: #dee2e6 !important;
}

.slick-dots li button::before {
  color: #d10002 !important;
}

/*oculta boton subir al servidor formulario*/
#edit-adjuntar-documento-upload-button {
  display: none !important;
}

#edit-adjuntar-archivo-upload-button {
  display: none !important;
}

#edit-adjuntar-video-upload-button {
  display: none !important;
}

#edit-adjuntar-imagen-upload-button {
  display: none !important;
}

#Labo6 {
  background-image: url("/sites/default/files/2025-06/LAB3D.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 15px;
  height: 200px;
  text-align: center;
}

#polit {
  color: #d10002;
  font-size: 1.1rem;
}

/**/

#miTab {
  background-color: #d10002 !important;
  color: #ffffff !important;
}

/* configuración de las imagines que se ve el resumen en el carrusel */
.teaser-image-wrapper {
  height: 213px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.teaser-image-wrapper img {
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto;
}

/* Teasers de todos los carruseles */
.slick--view--pagina-de-inicio-carrusel .node--teaser,
.slick--view--carrusel-pagina-comunicacion .node--teaser,
.slick--view--carrusel-de-publicaciones-cientificas .node--teaser,
.slick--view--carrusel-espacio-del-investigador .node--teaser,
.slick--view--carrusel-innovacion .node--teaser,
.slick--view--carrusel-comite-de-seguridad-salud-y-bienestar .node--teaser {
  border-radius: 8px !important;
  padding: 20px !important;
}

/* Contenido del teaser */
.slick--view--pagina-de-inicio-carrusel .teaser-content,
.slick--view--carrusel-pagina-comunicacion .teaser-content,
.slick--view--carrusel-de-publicaciones-cientificas .teaser-content,
.slick--view--carrusel-espacio-del-investigador .teaser-content,
.slick--view--carrusel-innovacion .teaser-content,
.slick--view--carrusel-comite-de-seguridad-salud-y-bienestar .teaser-content {
  display: block !important;
}

.slick-list {
  padding-bottom: 144px !important;
}

.field.field--name-field-image.field--type-image.field--label-hidden.field__item {
  height: 100% !important;
  width: auto !important;
  flex-direction: row !important;
}

.view-id-todas_las_noticias .teaser-content {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px;
}

.view-id-todas_las_noticias .teaser-image {
  flex: 0 0 213px !important;
}

.view-id-todas_las_noticias .teaser-text {
  flex: 1;
}

/* Esto es para que las imágenes estén alineadas dentro del listado */
.view-id-publicaciones_cientificas .teaser-image-wrapper,
.view-id-todas_las_noticias .teaser-image-wrapper,
.view-id-vista_actos_cientificos .teaser-image-wrapper,
.view-id-vigilancia_tecnologica .teaser-image-wrapper {
  height: 213px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.view-id-todas_las_noticias .teaser-image-wrapper img,
.view-id-publicaciones_cientificas .teaser-image-wrapper img,
.view-id-vista_actos_cientificos .teaser-image-wrapper img,
.view-id-vigilancia_tecnologica .teaser-image-wrapper img {
  height: 100% !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
}

/*Modifica el ancho de visualización del artículo. Este cambio se aplica globalmente a todos los artículos*/

.contextual-region.node.node--type-article.node--promoted.node--view-mode-full.clearfix {
  padding-left: 400px !important;
  padding-right: 400px !important;
}

.node--type-article .field--name-field-image img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto 40px auto !important;
}
#procurso {
  margin-left: 0px;
  margin-right: 0px;
}

#nocol {
  padding-left: 6px !important;
}




/*******aqui*/
/* ========= SOLO en la vista Actos Científicos ========= */

.view-id-vista_actos_cientificos .view-content {
  margin-top: -50px !important;
}

.view-id-vista_actos_cientificos .views-row article.node .teaser-content,
.view-vista-actos-cientificos     .views-row article.node .teaser-content {
  /* Layout: imagen | título | fecha */
  display: grid !important;
  grid-template-columns: 140px 1fr 120px !important;
  gap: 12px !important;
  align-items: center !important;

  /* Tarjeta con borde y fondo */
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;   /* pares */
  padding: 8px 10px !important;
  margin-bottom: 10px !important;
}

/* Rayado: FILAS IMPARES */
.view-id-vista_actos_cientificos .views-row:nth-child(odd)  article.node .teaser-content,
.view-vista-actos-cientificos     .views-row:nth-child(odd)  article.node .teaser-content {
  background-color: #f7f7f7 !important;   /* gris clarito */
}

/* ===== Columna 1: imagen ===== */
.view-id-vista_actos_cientificos .teaser-image,
.view-vista-actos-cientificos     .teaser-image { grid-column: 1 !important; }

.view-id-vista_actos_cientificos .teaser-image-wrapper,
.view-vista-actos-cientificos     .teaser-image-wrapper {
  height: auto !important;
  display: block !important;
  overflow: visible !important;
}

.view-id-vista_actos_cientificos .teaser-image img,
.view-vista-actos-cientificos     .teaser-image img {
  max-width: 120px !important;
  height: auto !important;
  display: block !important;
  border-radius: 4px !important;
}

/* ===== Columna 2: título (con separador vertical) ===== */
.view-id-vista_actos_cientificos .teaser-text,
.view-vista-actos-cientificos     .teaser-text {
  grid-column: 2 !important;
  border-left: 1px solid #e5e5e5 !important;  /* separa imagen y texto */
  padding-left: 12px !important;
}

.view-id-vista_actos_cientificos .teaser-title,
.view-vista-actos-cientificos     .teaser-title {
 
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* (Opcional) Ocultar resumen:
.view-id-vista_actos_cientificos .teaser-body,
.view-vista-actos-cientificos     .teaser-body { display: none !important; }
*/

/* ===== Columna 3: fecha (misma línea que el título) ===== */
.view-id-vista_actos_cientificos .teaser-date,
.view-vista-actos-cientificos     .teaser-date {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-left: 12px !important;
  white-space: nowrap !important;
  position: relative !important;
  border-left: 0 !important; /* la línea la dibuja ::before */
}

/* Línea vertical del alto de línea entre título y fecha */
.view-id-vista_actos_cientificos .teaser-date::before,
.view-vista-actos-cientificos     .teaser-date::before {
  content: "" !important;
  display: inline-block !important;
  width: 1px !important;
  height: 1.2em !important;           /* alto de línea */
  background: #e5e5e5 !important;
  margin-right: 12px !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}

/* Día + Mes + Año visibles en línea */
.view-id-vista_actos_cientificos .teaser-date .fecha-principal,
.view-vista-actos-cientificos     .teaser-date .fecha-principal {
  display: inline-flex !important;
  gap: .35rem !important;
  align-items: baseline !important;
  line-height: 1.2 !important;
  position: relative !important; /* Nuevo: para el pseudo-elemento en móvil */
  margin-top: -19px !important;
}

.view-id-vista_actos_cientificos .teaser-date .fecha-dia,
.view-vista-actos-cientificos     .teaser-date .fecha-dia {
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}

.view-id-vista_actos_cientificos .teaser-date .fecha-mes,
.view-vista-actos-cientificos     .teaser-date .fecha-mes {
  font-weight: 600 !important;
}

.view-id-vista_actos_cientificos .teaser-date .fecha-anio,
.view-vista-actos-cientificos     .teaser-date .fecha-anio {
  font-weight: 700 !important;
  color: #000000 !important;
  font-variant-numeric: tabular-nums !important;
}

/* ——— quitar separadores anteriores ——— */
.view-id-vista_actos_cientificos .teaser-text,
.view-vista-actos-cientificos     .teaser-text {
  border-left: 0 !important;           /* anulamos el separador que tenías aquí */
  border-right: 0 !important;           /* por si viene inline en el HTML */
}

.view-id-vista_actos_cientificos .teaser-date::before,
.view-vista-actos-cientificos     .teaser-date::before {
  display: none !important;             /* ya no hace falta */
}

/* ——— añadir borde izquierdo y derecho SOLO al título ——— */
.view-id-vista_actos_cientificos .teaser-title .field--name-title,
.view-vista-actos-cientificos     .teaser-title .field--name-title {
  display: block !important;            /* o inline-block si prefieres */
  border-left: 1px solid #e5e5e5 !important;
  border-right: 1px solid #e5e5e5 !important;
  padding: 0 12px !important;
  line-height: 1.2 !important;
  word-break: break-word;               /* por si el título es larguísimo */
  width: 900px !important;
  margin-left: -12px !important;
  margin-top: 28px !important;
}
/*
.field--name-field-image.field__item {
  display: flex;
  justify-content: center; 
  align-items: center;     
}


*/
/* ====== TABLET (≤1200px) — SOLO RESPONSIVE ====== */
@media (max-width: 1200px) {
  /* Layout: ajusta proporciones sin tocar escritorio */
  .view-id-vista_actos_cientificos .views-row article.node .teaser-content,
  .view-vista-actos-cientificos     .views-row article.node .teaser-content {
    grid-template-columns: 110px minmax(0,1fr) 120px !important;
    gap: 12px !important;
  }

  /* Título más compacto en tablet */
  .view-id-vista_actos_cientificos .teaser-title .field--name-title,
  .view-vista-actos-cientificos     .teaser-title .field--name-title {
    font-size: 0.98rem !important;
    /* Evita desbordes solo en responsive; no afecta escritorio */
    width: auto !important;
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  /* Fecha con ancho fijo más estrecho */
  .view-id-vista_actos_cientificos .teaser-date,
  .view-vista-actos-cientificos     .teaser-date {
    width: 120px !important;
    justify-content: center !important;
    margin: 0 !important;      /* por si hay márgenes inline */
    padding-left: 0 !important;
   
  }

  /* Imagen algo más pequeña */
  .view-id-vista_actos_cientificos .teaser-image img,
  .view-vista-actos-cientificos     .teaser-image img {
    max-width: 100px !important;
  }

  .view-id-vista_actos_cientificos .fecha-principal{
    text-align: left !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    padding-top: 15px !important;

  }
 
  .view-id-vista_actos_cientificos .teaser-date{
    text-align: left !important;
    font-size: 0.80rem !important;
  }
 

  .view-id-vista_actos_cientificos .teaser-date .fecha-principal, .view-vista-actos-cientificos .teaser-date .fecha-principal{
    line-height: 1 !important;
  }
}

/* ====== MÓVIL (≤768px) — SOLO RESPONSIVE ====== */
@media (max-width: 768px) {
  /* La fecha baja debajo del título */
  .view-id-vista_actos_cientificos .views-row article.node .teaser-content,
  .view-vista-actos-cientificos     .views-row article.node .teaser-content {
    grid-template-columns: 90px 1fr !important;  /* imagen | texto */
    gap: 10px !important;
  }

  .view-id-vista_actos_cientificos .teaser-date,
  .view-vista-actos-cientificos     .teaser-date {
    grid-column: 2 !important;
    width: auto !important;               /* ya no fijo */
    justify-content: flex-start !important;
    margin-top: 6px !important;
  }

  /* Línea fina antes de la fecha (opcional visual) */
  .view-id-vista_actos_cientificos .teaser-date .fecha-principal::before,
  .view-vista-actos-cientificos     .teaser-date .fecha-principal::before {
    content: "" !important;
    display: block !important;
    width: 86% !important;
    height: 1px !important;
    background: #e5e5e5 !important;
    margin-bottom: 6px !important;
  }

  /* Título más pequeño y sin borde derecho para que no “corte” con la fecha debajo */
  .view-id-vista_actos_cientificos .teaser-title .field--name-title,
  .view-vista-actos-cientificos     .teaser-title .field--name-title {
    font-size: 0.92rem !important;
    border-right: 0 !important;
    padding-right: 0 !important;
    width: auto !important;       /* anula los 900px solo en móvil */
    margin-left: 0 !important;
    max-width: 100% !important;
  }

  /* Imagen más contenida en móvil */
  .view-id-vista_actos_cientificos .teaser-image img,
  .view-vista-actos-cientificos     .teaser-image img {
    max-width: 90px !important;
  }
  
  .view-id-vista_actos_cientificos .fecha-principal{
    text-align: left !important;
    margin-left: 24px !important;
  }
 
  .view-id-vista_actos_cientificos .teaser-date{
    text-align: left !important;
    font-size: 0.80rem !important;
  }
 

  .view-id-vista_actos_cientificos .teaser-date .fecha-principal, .view-vista-actos-cientificos .teaser-date .fecha-principal{
    line-height: 1 !important;
  }
}

@media (min-width: 1205px) and (max-width: 1400px) {
   .view-id-vista_actos_cientificos .teaser-date{
    text-align: left !important;
    font-size: 0.80rem !important;
  }

 .view-id-vista_actos_cientificos .teaser-title{
    font-size: 0.90rem !important;
  }

  .view-id-vista_actos_cientificos .teaser-title .field--name-title, .view-vista-actos-cientificos .teaser-title .field--name-title{
   width: 798px !important;
  }
 
}


/******aqui**/








/* Configuración del contenedor del buscador en la sección de ofertas de empleo*/

#buscaemple {
  border: 2px solid #d10002;
  margin-bottom: 53px !important;
  padding-bottom: 22px;
  padding-left: 113px;
  padding-top: 4px;
}

#buscador-empleos p {
  margin-bottom: 12px;
}

#buscador-empleos input {
  /* min-width: 100% !important; */
  max-width: 100% !important;
  flex: 1 !important;
}

.btn.btn-third {
  color: #fff;
  background-color: #d10002;
  border-color: #d10002;
  padding: 7px 65px;
  border-radius: 0px;
}

#searchInput {
  border-radius: 0px;
  padding: 12px 0.75rem;
  width: 100% !important;
  font-weight: 400;
}

.btn.btn-third:hover,
.btn.btn-third:focus {
  background-color: #fff !important;
  color: #d10002 !important;
  border-color: #d10002 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none;
}

/* responsive Teaser*/

@media (max-width: 768px) {
  .view-id-todas_las_noticias .teaser-content {
    flex-direction: column !important;
    gap: 10px;
  }

  .view-id-todas_las_noticias .teaser-image,
  .view-id-todas_las_noticias .teaser-image-wrapper {
    width: 100% !important;
    height: auto !important;
  }

  .view-id-todas_las_noticias .teaser-image-wrapper {
    justify-content: center !important;
  }

  .view-id-todas_las_noticias .teaser-image-wrapper img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }
}

@media (max-width: 768px) {
  .view-id-todas_las_noticias .teaser-text {
    display: flex;
    flex-direction: column;
  }

  .view-id-todas_las_noticias .teaser-title {
    order: 1;
  }

  .view-id-todas_las_noticias .teaser-date {
    order: 2;
  }
}

@media (max-width: 768px) {
  #views-exposed-form-todas-las-noticias-default {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767.98px) {
  .field__item {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .row.border-bottom-red2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
  }

  .row.border-bottom-red2 > .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }

  /*LGallardo: hace que las columnas no se muestre pegada*/
  .col1 {
    min-width: 250px; /* asegura que puedan romper fila si son muy estrechas */
    padding: 10px;
  }
}

/* Efecto visual de parpadeo para las flechas de los botones */

.accordion-button.collapsed::after {
  animation: none !important;
  -webkit-animation: none !important;
}

.accordion-button::after {
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name: parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes parpadeo {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes parpadeo {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/**/

#buscadorTabla {
  border-radius: 0;
  border: 2px solid #d10002;
  color: #d10002;
  background-color: #fff;
}
#buscadorTabla:focus {
  box-shadow: none;
  outline: none;
}

#miTabla_length,
#miTabla_filter {
  display: none;
}

.color-red {
  color: red;
  font-weight: bold;
}

/*Imagen formulario prementor*/
#block-bootstrap-subtheme-webform-15 {
  margin-top: 20px !important;
  background-image: url("/sites/default/files/2025-06/prementorBKG.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*LGallardo: para ocultar la barra de busqueda en resultado*/
#search-form {
  display: none !important;
}

/*LGallardo: botón de enviar de formularios*/
@media (max-width: 1024px) {
  .form-submit {
    width: 100% !important;
  }
}

/* LGallardo: añadido para la vista de actos cientificos */
@media screen and (max-width: 768px) {
  .teaser-content {
    flex-direction: column !important;
  }
  .teaser-image,
  .teaser-text {
    width: 100% !important;
    margin-right: 2rem !important;
  }
}

#miTabla_previous,
#miTabla_next,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  background-color: #d10002 !important;
  border: none !important;
}

/* Estilo general para todos los botones */
.dataTables_wrapper .dataTables_paginate a.paginate_button {
  background-color: transparent;
  color: #333;
  border: 1px solid #ccc;
  padding: 6px 12px;
  margin: 2px;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Botón activo */
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
  background-color: #d10002 !important;
  color: white !important;
  border: none !important;
}

/* Hover y active sobre los botones inactivos (2, 3...) */
.dataTables_wrapper .dataTables_paginate a.paginate_button:not(.current):hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button:not(.current):active,
.dataTables_wrapper .dataTables_paginate a.paginate_button:not(.current):focus {
  background-color: #d10002 !important;
  color: white !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Desactivados */
.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled {
  background-color: transparent !important;
  color: #585858 !important;
  /*acity: 0.4;*/
  cursor: default;
  border: none !important;
}

@media screen and (max-width: 768px) {
  .bkgWhiteLocaliz {
    margin-top: 0px !important;
    padding: 0px !important;
  }

  .located {
    padding-left: 5%;
  }

  .col-md-12 .py-4 {
    padding-left: 10px !important;
  }

  #textoinno {
    padding-right: 10px !important;
    text-align: justify !important;
    hyphens: auto !important;
    word-spacing: -0.1em !important;
    letter-spacing: -0.3px !important;
    line-height: 1.4 !important;
    text-justify: inter-word !important;
    font-size: 1.5rem;
  }

  .painno {
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: justify !important;
  }

  #textoinno1,
  #textoinno2 {
    text-align: center !important;
    font-size: 1.2rem !important;
  }

  #textoinno3,
  #textoinno4 {
    margin-top: -15px !important;
  }

  .aenorCalidad,
  .aenorGestion {
    background-position: center center !important;
  }

  .slick-track {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
  }

  /* .slick-list {
    margin-bottom: -14rem !important;  
  } */

  .img-fluid {
    max-width: 100% !important;
    /* margin-top: -14px;
  margin-bottom: 14px; */
  }

  #textoinno5 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mail {
    overflow-wrap: anywhere;
    font-size: 1.2rem;
  }
}

/*LGallardo: espacio entre noticias y botones de carrusel*/
@media (max-width: 1024px) {
  .slick-list {
    margin-bottom: -30% !important;
  }
}

@media (max-width: 991px) {
  #fair-idea {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
  }
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

.table-responsive::-webkit-scrollbar {
  height: 8px;
}

.table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.table-responsive::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
}

.table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/********************* Responsive Innovacion ******************************************/
@media (max-width: 576px) {
  .table {
    font-size: 0.85rem;
  }
  .table td,
  .table th {
    padding: 0.5rem;
    white-space: nowrap;
  }

  .btn-primary {
    display: block;
    width: 100%;
    margin: 1rem auto;
    text-align: center;
    /*margin-bottom: 3rem !important;*/
  }

  .box33 {
    margin-top: -34px !important;
    margin-bottom: 40px !important;
  }

  /*LGallardo: añadido para darle más espacio entre la paginación y la linea roja de RRHH*/
  #miTabla_paginate {
    margin-bottom: 10% !important;
  }

  .table-responsive {
    margin-top: -10px;
    margin-bottom: 0px; /*LGallardo: modificado para que no se monte con la linea de abajo de RRHH*/
  }

  #slick-bbf47983a5a {
    margin-top: -34px !important;
    margin-bottom: -36px !important;
  }

  .btn-secondary {
    margin-bottom: 15px !important;
  }

  #btn-primary2,
  #btn-primary3 {
    margin: 0rem auto !important;
  }

  #CarteraServicios {
    margin-bottom: 48px !important;
  }

  #Documentacion {
    margin-top: 50px;
  }

  #Documentacion2 {
    margin-bottom: -24px !important;
    margin-top: -21px !important;
  }

  #textoinno5 {
    margin-top: -7px !important;
  }

  #textoinno6 {
    margin-top: -10px !important;
  }
  /*LGallardo: ajuste de tamaño de inputs de los form*/
  #edit-nombre-first,
  #edit-correo,
  form.webform-submission-form input,
  form.webform-submission-form textarea,
  form.webform-submission-form select {
    width: 100% !important;
  }

  .js-form-item.js-form-type-email.form-type-email.js-form-item-correo.form-item-correo.mb-3 {
    margin-top: -17px !important;
  }

  p {
    text-align: justify !important;
  }

  .misionInno {
    margin-left: 43px !important;
  }

  #block-bootstrap-subtheme-webform-5 {
    margin-top: 43px !important;
  }
  #VigilanciaTec {
    margin-top: 31px !important;
  }

  #Breadcrumbs {
    margin-bottom: -34px;
    margin-top: 8px;
  }

  #sch2 {
    margin-top: 23px !important;
  }
}

#tecnicos-inno {
  margin-left: 8px !important;
}

/************************* filtros ***************/

.dataTables_filter {
  margin-bottom: 12px !important;
}

@media (min-width: 991px) and (max-width: 1403px) {
  #grupneuroge {
    margin-bottom: -20px !important;
  }
}

/******** responsive **************/

@media (min-width: 780px) and (max-width: 1403px) {
  .bkgWhiteLocaliz {
    padding: 0px !important;
  }
}

@media (max-width: 1024px) {
  .region.region-highlighted {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  #entidipaz {
    max-width: 92% !important;
    margin-top: -311px !important;
    margin-bottom: -353px !important;
  }
}

.js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-keys.form-item-keys.mb-3 {
  margin-top: 17px !important;
  margin-right: -28px !important;
  margin-left: -12px !important;
  font-size: 1.25rem !important;
  color: #000000 !important;
}

#edit-keys {
  color: #000000 !important;
  padding-right: 100px !important;
}

@media (max-width: 991px) {
  .js-form-item.js-form-type-textfield.form-type-textfield.js-form-item-keys.form-item-keys.mb-3 {
    margin-left: 1rem !important;
    margin-right: 0px !important;
  }
}

/* Clase Sonia para que cambie el hover  */
.hoverColor:hover {
  background-color: #d1170253;
  border: 2px solid #d10002;
}





/*************************** desplegable menu**************************/

.header, .region-primary-menu, .navbar, .block-menu {
  overflow: visible !important;
}
.navbar .dropdown-menu { z-index: 10000 !important;}

.navbar .dropdown:hover > .dropdown-menu {
  display: block !important;
}


/* Desktop: hover abre submenús (nivel 0 y 1) */
@media (min-width: 992px) {
  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
  }
  .dropdown-submenu { position: relative; }
  .dropdown-submenu > .dropdown-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;       /* si no cabe a la derecha: right:100%; left:auto; */
    margin-left: .2rem;
  }
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}

/* Flechita opcional en items con hijos dentro de dropdown */
.dropdown-menu .dropdown-submenu > a::after {
  content: "›";
  float: right;
  margin-left: .5rem;
}s


ul.dropdown-menu{
margin-right: 8px !important;
padding-right: 10px !important;
}



.dropdown-submenu{
  padding-right: 12px !important;
}

a.dropdown-item{
  margin-right: 24px !important;
}

/******ejemplo aqui */
/* Contenedor principal de la vista */
.view-content.row {
  margin-top: -50px !important;
}

/* Grid principal para cada item */
.view-content.row .views-row article.node .teaser-content {
  /* Layout: imagen | título | fecha */
  display: grid !important;
  grid-template-columns: 140px 1fr 120px !important;
  gap: 12px !important;
  align-items: center !important;

  /* Tarjeta con borde y fondo */
  border: 1px solid #d9d9d9 !important;
  border-radius: 6px !important;
  background-color: #ffffff !important;   /* pares */
  padding: 8px 10px !important;
  margin-bottom: 10px !important;
}

/* Rayado: FILAS IMPARES */
.view-content.row .views-row:nth-child(odd) article.node .teaser-content {
  background-color: #f7f7f7 !important;   /* gris clarito */
}

/* ===== Columna 1: imagen ===== */
.view-content.row .teaser-image {
  grid-column: 1 !important;
}

.view-content.row .teaser-image-wrapper {
  height: auto !important;
  display: block !important;
  overflow: visible !important;
}

.view-content.row .teaser-image img {
  max-width: 120px !important;
  height: auto !important;
  display: block !important;
  border-radius: 4px !important;
}

/* Centrado de imagen */
.view-content.row .field--name-field-image.field__item {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ===== Columna 2: título (con separador vertical) ===== */
.view-content.row .teaser-text {
  grid-column: 2 !important;
  border-left: 1px solid #e5e5e5 !important;
  border-right: 1px solid #e5e5e5 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
    margin-right: 66px !important;
}

.view-content.row .teaser-title {
  font-weight: 600 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.view-content.row .teaser-title a {
  text-decoration: none !important;
  color: inherit !important;
}

.view-content.row .teaser-title .field--name-title {
  display: block !important;
  line-height: 1.2 !important;
  word-break: break-word !important;
}

/* Ocultar cuerpo si es necesario */
.view-content.row .teaser-body {
  display: none !important;
}

/* ===== Columna 3: fecha ===== */
.view-content.row .teaser-date {
  grid-column: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  padding-left: 12px !important;
  white-space: nowrap !important;
  position: relative !important;
}

/* Contenedor de fecha */
.view-content.row .teaser-date .fecha-principal {
  display: inline-flex !important;
  gap: .35rem !important;
  align-items: baseline !important;
  line-height: 1.2 !important;
  position: relative !important;
}

/* Estilos para los elementos de fecha */
.view-content.row .teaser-date .fecha-dia {
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums !important;
}

.view-content.row .teaser-date .fecha-mes {
  font-weight: 600 !important;
}

.view-content.row .teaser-date .fecha-anio {
  font-weight: 700 !important;
  color: #000000 !important;
  font-variant-numeric: tabular-nums !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
  .view-content.row .views-row article.node .teaser-content {
    grid-template-columns: 100px 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 8px !important;
  }
  
  .view-content.row .teaser-date {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-content: flex-start !important;
    padding-left: 0 !important;
    margin-top: 8px !important;
  }
  
  .view-content.row .teaser-text {
    grid-column: 2 !important;
    border-right: none !important;
  }
}


/*LGR: POPUP*/
/* Fondo oscuro que cubre la pantalla */
#mi-popup-inicio {
  display: none; /* Se oculta por defecto */
  position: fixed;
  z-index: 9999;
  left: 0; top: 0; width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.5);
}
/* La cajita del mensaje */
.popup-contenido {
  background-color: #fff;
  margin: 15% auto; padding: 20px;
  width: 80%; max-width: 500px;
  border-radius: 8px; position: relative;
}
/* Botón de cerrar */
#cerrar-popup {
  position: absolute; right: 15px; top: 10px;
  font-size: 24px; cursor: pointer;
}