:is(.card, .home-category, .home-product, .home-news-slide):has(a.link:is([href*="productos/"], [href*="noticias/"])) {
  position: relative;
  isolation: isolate;
  cursor: pointer;
}

:is(.card, .home-category, .home-product, .home-news-slide) a.link:is([href*="productos/"], [href*="noticias/"])::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
}

:is(.card, .home-category, .home-product, .home-news-slide):has(a.link:is([href*="productos/"], [href*="noticias/"])):hover {
  border-color: var(--green);
}

:is(.card, .home-category, .home-product, .home-news-slide) a.link:is([href*="productos/"], [href*="noticias/"]):focus-visible::after {
  outline: 2px solid var(--green);
  outline-offset: -3px;
}