/* 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";
/* =========================================================
   ICI — Información, Conocimiento e Innovación
   Personalizaciones de Helium / Gantry 5
   ========================================================= */
/* ---------------------------------------------------------
   COLORES ICI
   --------------------------------------------------------- */
/* ---------------------------------------------------------
   CABECERA
   Reduce el espacio vertical alrededor de la identidad.
   --------------------------------------------------------- */
#g-header {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
/* ---------------------------------------------------------
   MENÚ PRINCIPAL
   --------------------------------------------------------- */
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  color: #ffffff;
  transition: color 0.2s ease;
}
#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.g-selected > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container:focus {
  color: #28b9bc;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-item-content {
  color: inherit;
}
/* =========================================================
   DESTACADOS DE PORTADA
   ========================================================= */
/* ---------------------------------------------------------
   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: #2f7f4f !important;
}
/* ---------------------------------------------------------
   IMÁGENES
   Ocupan todo el ancho disponible dentro de cada artículo.
   --------------------------------------------------------- */
.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-right: 0 !important;
  margin-left: 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-right: 0 !important;
  margin-left: 0 !important;
}
/* ---------------------------------------------------------
   INFORMACIÓN Y ELEMENTOS INNECESARIOS
   --------------------------------------------------------- */
.ici-destacados .article-info-term, .ici-destacados dt.article-info-term {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.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, .ici-destacados .readmore, .ici-destacados .mod-articles-readmore, .ici-destacados .btn, .ici-destacados .button {
  display: none !important;
}
/* ---------------------------------------------------------
   DISTRIBUCIÓN ACTUAL DE DESTACADOS
   Dos principales y seis secundarios.
   --------------------------------------------------------- */
.ici-destacados .mod-articles-grid {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 2rem !important;
  margin: 0;
  padding: 0;
}
/* Dos artículos principales: 50 % cada uno */
.ici-destacados .mod-articles-grid > li:nth-child(1), .ici-destacados .mod-articles-grid > li:nth-child(2) {
  grid-column: span 3 !important;
}
/* Artículos secundarios: tres columnas */
.ici-destacados .mod-articles-grid > li:nth-child(n + 3) {
  grid-column: span 2 !important;
  width: auto !important;
  max-width: none !important;
}
/* Mayor presencia para los dos artículos 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;
}
/* =========================================================
   ÚLTIMAS NOTICIAS
   ========================================================= */
/* Título del módulo */
.ultimas-noticias .g-title, .ultimas-noticias .module-title, .ultimas-noticias h2, .ultimas-noticias h3 {
  color: #0d2941 !important;
}
/* Lista */
.ultimas-noticias ul.mod-articles, .ultimas-noticias .mod-articles ul, .ultimas-noticias ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Cada noticia */
.ultimas-noticias .mod-articles > li, .ultimas-noticias .mod-articles-item, .ultimas-noticias li {
  position: relative;
  margin: 0 0 10px;
  padding-left: 17px;
  list-style: none;
}
/* Flecha inicial */
.ultimas-noticias .mod-articles > li::before, .ultimas-noticias .mod-articles-item::before, .ultimas-noticias li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #2f7f4f;
  content: "›";
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}
/* Enlaces */
.ultimas-noticias .mod-articles a, .ultimas-noticias .mod-articles-item a, .ultimas-noticias li a {
  color: #0d2941 !important;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}
.ultimas-noticias .mod-articles a:hover, .ultimas-noticias .mod-articles a:focus, .ultimas-noticias .mod-articles-item a:hover, .ultimas-noticias .mod-articles-item a:focus, .ultimas-noticias li a:hover, .ultimas-noticias li a:focus {
  color: #2f7f4f !important;
  text-decoration: underline;
}
/* =========================================================
   DISEÑO ADAPTABLE
   ========================================================= */
/* Tabletas */
@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), .ici-destacados .mod-articles-grid > li:nth-child(n + 3) {
    grid-column: span 1 !important;
  }
}
/* Teléfonos */
@media (max-width: 600px) {
  .ici-destacados .mod-articles-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .ultimas-noticias .mod-articles a, .ultimas-noticias .mod-articles-item a, .ultimas-noticias li a {
    font-size: 14px;
  }
}
/* =========================================================
   MÁS NOTICIAS
   12 títulos en tres columnas
   ========================================================= */
.ici-mas-noticias .g-array-item, .ici-mas-noticias .mod-articles > li, .ici-mas-noticias .mod-articles-item {
  position: relative;
  margin-bottom: 10px;
  padding-left: 16px;
  list-style: none;
}
/* Flecha inicial */
.ici-mas-noticias .g-array-item::before, .ici-mas-noticias .mod-articles > li::before, .ici-mas-noticias .mod-articles-item::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #2f7f4f;
  content: "›";
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}
/* Títulos */
.ici-mas-noticias .g-array-item-title, .ici-mas-noticias .g-array-item-title a, .ici-mas-noticias .mod-articles a, .ici-mas-noticias .mod-articles-item a {
  color: #0d2941 !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
}
/* Al pasar el mouse */
.ici-mas-noticias .g-array-item-title a:hover, .ici-mas-noticias .g-array-item-title a:focus, .ici-mas-noticias .mod-articles a:hover, .ici-mas-noticias .mod-articles a:focus, .ici-mas-noticias .mod-articles-item a:hover, .ici-mas-noticias .mod-articles-item a:focus {
  color: #2f7f4f !important;
  text-decoration: underline;
}
/*# sourceMappingURL=custom_12.css.map */