/**
 * CSS del front office del módulo
 * 
 * @author Difadi.com <soporte@difadi.com>
 * @author Sergio Delgado <sdelgado@difadi.com>
 * @copyright 2025 Difadi.com
 * @license Comercial
 */

#custom_categories {
  margin-top: 60px;
}

#custom_categories .header h2 {
  margin-bottom: 20px;
  font-size: 26px;
}

#custom_categories #slider_categories a {
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#custom_categories #slider_categories a div {
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

#custom_categories #slider_categories a:hover div {
  opacity: 0.7;
}

#custom_categories #slider_categories a h3 {
  margin: 10px 0 0 0;
  color: var(--color-black);
  font-size: 16px;
  line-height: 1.4;
}

@media (max-width: 543px) {
  #custom_categories #slider_categories .slick-arrow {
    top: -36px;
  }

  #custom_categories #slider_categories .slick-arrow.slick-prev {
    right: 20px !important;
    left: unset;
  }
}