/**
 * Article / news cards — shared radius, shadow and hover lift on every page.
 * Loads after grupocolec-style so page-id skins cannot drop the card chrome.
 */

.gc-posts-grid--overlay {
  background: #f7f7f7;
}

.gc-posts-grid--overlay .gc-posts-grid__items article,
.gc-home-news article,
.gc-recopack-news-grid a,
.gc-blog-card,
.gc-blog--archive .gc-blog-card {
  border-radius: var(--gc-radius-card);
  box-shadow: var(--gc-shadow-card);
  overflow: hidden;
  background: var(--gc-white);
  transition: transform var(--gc-transition-base), box-shadow var(--gc-transition-base);
}

.gc-posts-grid--overlay .gc-posts-grid__items article:hover,
.gc-posts-grid--overlay .gc-posts-grid__items article:focus-within,
.gc-home-news article:hover,
.gc-home-news article:focus-within,
.gc-recopack-news-grid a:hover,
.gc-recopack-news-grid a:focus-visible,
.gc-blog-card:hover,
.gc-blog-card:focus-within,
.gc-blog--archive .gc-blog-card:hover,
.gc-blog--archive .gc-blog-card:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--gc-shadow-card-hover);
}

.gc-posts-grid--overlay .gc-posts-grid__overlay,
.gc-home-news a,
.gc-recopack-news-grid a {
  border-radius: inherit;
  overflow: hidden;
}

.gc-home-news,
.gc-recopack-news {
  background: #f7f7f7;
}

.gc-home-news__grid {
  overflow: visible;
}

@media (prefers-reduced-motion: reduce) {
  .gc-posts-grid--overlay .gc-posts-grid__items article,
  .gc-home-news article,
  .gc-recopack-news-grid a,
  .gc-blog-card,
  .gc-blog--archive .gc-blog-card {
    transition: none;
  }

  .gc-posts-grid--overlay .gc-posts-grid__items article:hover,
  .gc-posts-grid--overlay .gc-posts-grid__items article:focus-within,
  .gc-home-news article:hover,
  .gc-home-news article:focus-within,
  .gc-recopack-news-grid a:hover,
  .gc-recopack-news-grid a:focus-visible,
  .gc-blog-card:hover,
  .gc-blog-card:focus-within,
  .gc-blog--archive .gc-blog-card:hover,
  .gc-blog--archive .gc-blog-card:focus-within {
    transform: none;
  }
}