/**
 * Módulos Actualidad / Actualitat.
 * Carga: todas las páginas.
 */

/* ===== MÓDULO ACTUALIDAD (ES/VAL; slug estable, sin #Mod) ===== */
[data-ivace-mod-slug="actualidad"] .mod-articlescategory,
[data-ivace-mod-slug="actualitat"] .mod-articlescategory,
[data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articlescategory,
[data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articlescategory {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

[data-ivace-mod-slug="actualidad"] .module-title,
  [data-ivace-mod-slug="actualitat"] .module-title,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .module-title,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .module-title {
    text-align: center;
    color: #272833;
  }

[data-ivace-mod-slug="actualidad"] .module-title span,
  [data-ivace-mod-slug="actualitat"] .module-title span,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .module-title span,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .module-title span {
    text-decoration: none;
    border-bottom: none;
  }

/* Cada noticia: imagen izquierda + texto derecha */
  [data-ivace-mod-slug="actualidad"] .mod-articlescategory li,
  [data-ivace-mod-slug="actualitat"] .mod-articlescategory li,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articlescategory li,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articlescategory li {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
  }

/* Imagen pequeña fija a la izquierda */
  [data-ivace-mod-slug="actualidad"] .mod-articles-category-image,
  [data-ivace-mod-slug="actualitat"] .mod-articles-category-image,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-image,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-image {
    flex-shrink: 0;
    width: 70px;
    height: 55px;
  }

[data-ivace-mod-slug="actualidad"] .mod-articles-category-image img,
  [data-ivace-mod-slug="actualitat"] .mod-articles-category-image img,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-image img,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
    display: block;
  }

/* Bloque de texto */
  [data-ivace-mod-slug="actualidad"] .mod-articles-category-content,
  [data-ivace-mod-slug="actualitat"] .mod-articles-category-content,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-content,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-content {
    flex: 1;
    min-width: 0;
  }

/* Fecha */
  [data-ivace-mod-slug="actualidad"] .mod-articles-category-date,
  [data-ivace-mod-slug="actualitat"] .mod-articles-category-date,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-date,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-date {
    display: block;
    font-size: 0.75rem;
    color: #888;
    margin-bottom: 3px;
  }

/* Título enlace */
  [data-ivace-mod-slug="actualidad"] .mod-articles-category-title,
  [data-ivace-mod-slug="actualitat"] .mod-articles-category-title,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-title,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-title {
    font-size: 0.82rem;
    line-height: 1.3;
    color: #1a1a1a;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

[data-ivace-mod-slug="actualidad"] .mod-articles-category-title:hover,
  [data-ivace-mod-slug="actualitat"] .mod-articles-category-title:hover,
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-title:hover,
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-title:hover {
    color: #005a9c;
  }

/* ===== RESPONSIVE ===== */
  
  /* Tablet: 2 columnas pero más compacto */
  @media (max-width: 900px) {
    [data-ivace-mod-slug="actualidad"] .mod-articlescategory,
    [data-ivace-mod-slug="actualitat"] .mod-articlescategory,
    [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articlescategory,
    [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articlescategory {
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }
  
    [data-ivace-mod-slug="actualidad"] .mod-articles-category-image,
    [data-ivace-mod-slug="actualitat"] .mod-articles-category-image,
    [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-image,
    [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-image {
      width: 55px;
      height: 45px;
    }
  }

/* Móvil: 1 columna */
  @media (max-width: 580px) {
    [data-ivace-mod-slug="actualidad"] .mod-articlescategory,
    [data-ivace-mod-slug="actualitat"] .mod-articlescategory,
    [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articlescategory,
    [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articlescategory {
      grid-template-columns: 1fr;
    }
  
    [data-ivace-mod-slug="actualidad"] .mod-articles-category-image,
    [data-ivace-mod-slug="actualitat"] .mod-articles-category-image,
    [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"] .mod-articles-category-image,
    [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"] .mod-articles-category-image {
      width: 65px;
      height: 50px;
    }
  }

/* Actualidad/Actualitat: miniaturas visibles (excepcion frente a custom-modules-links.css) */
:is(
  [data-ivace-mod-slug="actualidad"],
  [data-ivace-mod-slug="actualitat"],
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"],
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"]
) .mod-articles-category-image,
:is(
  [data-ivace-mod-slug="actualidad"],
  [data-ivace-mod-slug="actualitat"],
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"],
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"]
) .mod-articles-category-image a,
:is(
  [data-ivace-mod-slug="actualidad"],
  [data-ivace-mod-slug="actualitat"],
  [data-ivace-mod-slug*="novedades-y-tendencias-actualidad"],
  [data-ivace-mod-slug*="novetats-i-tendencies-actualitat"]
) .mod-articles-category-image img {
  display: block !important;
  visibility: visible !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

/* Refuerzo semantico: misma excepcion usando clases ivace-mod--* */
:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articlescategory {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}

:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articlescategory li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 10px;
}

:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articles-category-image {
  flex-shrink: 0;
  width: 70px;
  height: 55px;
}

:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articles-category-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articles-category-content {
  flex: 1;
  min-width: 0;
}

:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articles-category-image,
:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articles-category-image a,
:is(
  .ivace-mod--actualidad,
  .ivace-mod--actualitat,
  .ivace-mod--novedades-y-tendencias-actualidad,
  .ivace-mod--novetats-i-tendencies-actualitat
) .mod-articles-category-image img {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

@media (max-width: 900px) {
  :is(
    .ivace-mod--actualidad,
    .ivace-mod--actualitat,
    .ivace-mod--novedades-y-tendencias-actualidad,
    .ivace-mod--novetats-i-tendencies-actualitat
  ) .mod-articlescategory {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  :is(
    .ivace-mod--actualidad,
    .ivace-mod--actualitat,
    .ivace-mod--novedades-y-tendencias-actualidad,
    .ivace-mod--novetats-i-tendencies-actualitat
  ) .mod-articles-category-image {
    width: 55px;
    height: 45px;
  }
}

@media (max-width: 580px) {
  :is(
    .ivace-mod--actualidad,
    .ivace-mod--actualitat,
    .ivace-mod--novedades-y-tendencias-actualidad,
    .ivace-mod--novetats-i-tendencies-actualitat
  ) .mod-articlescategory {
    grid-template-columns: 1fr;
  }

  :is(
    .ivace-mod--actualidad,
    .ivace-mod--actualitat,
    .ivace-mod--novedades-y-tendencias-actualidad,
    .ivace-mod--novetats-i-tendencies-actualitat
  ) .mod-articles-category-image {
    width: 65px;
    height: 50px;
  }
}