/* PATCH_CHIPS_PREMIUM_V1
   Objetivo: chips (Unici-Té / 30 sobres / ICT) + badges verdes (Libre de gluten/Vegano/Cofepris)
   Scope: SOLO estética. No JS.
*/

/* --- chips: buscamos varias clases típicas --- */
.pill, .chip, .tag, .badgePill, .metaPill, .metaTag,
.pills .pill, .pillRow .pill, .pillGroup .pill,
.metaRow .pill, .metaRow .chip,
.productMeta .pill, .productMeta .chip,
.productMeta .tag, .metaBadges .pill, .metaBadges .chip{
  background: linear-gradient(180deg, rgba(20,42,56,.92), rgba(10,22,30,.92)) !important;
  border: 1px solid rgba(0,194,179,.45) !important;          /* teal vivo */
  box-shadow: 0 10px 24px rgba(0,0,0,.35) !important;
  color: rgba(255,255,255,.92) !important;
  letter-spacing: .2px !important;
}

/* “Glow” sutil para que no se vea monótono */
.pill:hover, .chip:hover, .tag:hover{
  border-color: rgba(255,138,61,.55) !important;             /* naranja CTA */
  box-shadow: 0 14px 34px rgba(0,0,0,.45) !important;
  transform: translateY(-1px) !important;
}

/* si el texto interno viene en spans/strong */
.pill *, .chip *, .tag *{
  color: inherit !important;
}

/* --- badges verdes grandes (Libre de gluten/Vegano/Cofepris) --- */
.badgeGreen, .greenBadge, .certBadge, .certPill, .cofeprisBadge,
.permisoBadge, .noteBadge, .highlightBadge{
  background: linear-gradient(90deg, rgba(11,107,58,.32), rgba(0,194,179,.18)) !important;
  border: 1px solid rgba(0,194,179,.38) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06), 0 18px 40px rgba(0,0,0,.35) !important;
  color: rgba(255,255,255,.94) !important;
}

/* texto secundario dentro del badge */
.badgeGreen small, .greenBadge small, .certBadge small, .noteBadge small{
  color: rgba(255,255,255,.78) !important;
}