/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* Quitar separador gris de información en Destacados */
.ici-destacados .article-info-term {
  display: none !important;
}
.ici-destacados dt.article-info-term, .ici-destacados .article-info-term {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================================
   ICI - Información, Conocimiento e Innovación
   Personalizaciones de Helium / Gantry 5
   ========================================================= */
/* ---------------------------------------------------------
   CABECERA / IDENTIDAD ICI
   Reduce el espacio vertical alrededor del cabezal.
   --------------------------------------------------------- */
#g-header {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
/* ---------------------------------------------------------
   MENÚ PRINCIPAL
   Texto normal: blanco
   Activo / hover / seleccionado: turquesa ICI
   --------------------------------------------------------- */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #FFFFFF;
  transition: color 0.2s ease;
}
/* Elemento actualmente activo */
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #28B9BC;
}
/* Elemento seleccionado por Gantry */
#g-navigation .g-main-nav .g-toplevel > li.g-selected > .g-menu-item-container {
  color: #28B9BC;
}
/* Al pasar el mouse */
#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
  color: #28B9BC;
}
/* Navegación con teclado */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus {
  color: #28B9BC;
}
/* El contenido interno del elemento hereda el color anterior */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-content {
  color: inherit;
}
/* =========================================================
   DESTACADOS - PORTADA ICI
   ========================================================= */
/* Títulos */
.ici-destacados h3 a, .ici-destacados h4 a, .ici-destacados .mod-articles-title a, .ici-destacados .mod-articles-item-title a {
  color: #17384a !important;
  font-weight: 600;
}
.ici-destacados h3 a:hover, .ici-destacados h4 a:hover, .ici-destacados .mod-articles-title a:hover, .ici-destacados .mod-articles-item-title a:hover {
  color: #28B9BC !important;
}
/* Imágenes: ocupar todo el ancho disponible */
.ici-destacados figure, .ici-destacados picture, .ici-destacados .item-image, .ici-destacados .mod-articles-image {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ici-destacados figure img, .ici-destacados picture img, .ici-destacados .item-image img, .ici-destacados .mod-articles-image img, .ici-destacados img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/* Quitar el separador gris en Destacados */
.ici-destacados .mod-articles-item-title::before, .ici-destacados .mod-articles-item-title::after, .ici-destacados h3::before, .ici-destacados h3::after, .ici-destacados h4::before, .ici-destacados h4::after {
  display: none !important;
  content: none !important;
}
.ici-destacados .mod-articles-item > hr, .ici-destacados hr {
  display: none !important;
}
.ici-destacados .readmore, .ici-destacados .mod-articles-readmore, .ici-destacados .btn, .ici-destacados .button {
  display: none !important;
}
/* =========================================================
   DESTACADOS ICI
   2 principales + 6 secundarios
   ========================================================= */
.ici-destacados .mod-articles-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 2rem !important;
}
/* Del tercero en adelante: tres columnas */
.ici-destacados .mod-articles-grid > li {
  grid-column: span 2 !important;
  width: auto !important;
  max-width: none !important;
}
/* Los dos primeros: dos columnas grandes */
.ici-destacados .mod-articles-grid > li:nth-child(1), .ici-destacados .mod-articles-grid > li:nth-child(2) {
  grid-column: span 3 !important;
}
/* Dar algo más de presencia a los dos principales */
.ici-destacados .mod-articles-grid > li:nth-child(1) .mod-articles-title, .ici-destacados .mod-articles-grid > li:nth-child(2) .mod-articles-title {
  font-size: 1.2rem;
  line-height: 1.45;
}
/* Tablet */
@media (max-width: 900px) {
  .ici-destacados .mod-articles-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .ici-destacados .mod-articles-grid > li, .ici-destacados .mod-articles-grid > li:nth-child(1), .ici-destacados .mod-articles-grid > li:nth-child(2) {
    grid-column: span 1 !important;
  }
}
/* Celular */
@media (max-width: 600px) {
  .ici-destacados .mod-articles-grid {
    grid-template-columns: 1fr !important;
  }
}
/*# sourceMappingURL=custom_12.css.map */