/**
 * 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
 */

#promotions {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#promotions .promo {
  display: flex;
  gap: 20px;
}

#promotions .promo > div {
  padding: 0;
}

#promotions .promo .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#promotions .promo .content .title {
  font-size: 18px;
  font-weight: 600;
}

#promotions .promo .content .desc {
  margin-top: 20px;
}

@media (max-width: 767px) {
  #promotions {
    gap: 60px;
  }

  #promotions .promo {
    flex-direction: column;
  }

  #promotions .promo .content .desc {
    margin-top: 10px;
  }
}