/* IDMIX Tech 1.0.52 — opções de recebimento consolidadas.
 * Contrato: ícone -> título -> descrição, todos centralizados e com o mesmo ritmo visual.
 */
html body .payment-options,
html body .pdv-payment-options{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(178px,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
html body .payment-options>.payment-option,
html body .pdv-payment-options>.payment-option{
  min-width:0!important;
  min-height:128px!important;
  width:100%!important;
  padding:16px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:center!important;
  white-space:normal!important;
}
html body .payment-options>.payment-option>.option-icon,
html body .pdv-payment-options>.payment-option>.option-icon{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid color-mix(in srgb,var(--primary) 22%,var(--border))!important;
  background:color-mix(in srgb,var(--primary) 6%,var(--surface))!important;
  color:var(--primary)!important;
  border-radius:var(--bp-control-radius,9px)!important;
}
html body .payment-options>.payment-option>.option-icon .ui-icon,
html body .pdv-payment-options>.payment-option>.option-icon .ui-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
}
html body .payment-options>.payment-option>span:last-child,
html body .pdv-payment-options>.payment-option>span:last-child{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:3px!important;
  text-align:center!important;
}
html body .payment-options>.payment-option>span:last-child>b,
html body .pdv-payment-options>.payment-option>span:last-child>b{
  width:100%!important;
  margin:0!important;
  color:var(--fg)!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:700!important;
  text-align:center!important;
}
html body .payment-options>.payment-option>span:last-child>small,
html body .pdv-payment-options>.payment-option>span:last-child>small{
  width:100%!important;
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
  text-align:center!important;
  overflow-wrap:break-word!important;
}
html body .payment-options>.modal-actions,
html body .pdv-payment-options>.modal-actions,
html body .payment-options>.info-note,
html body .pdv-payment-options>.info-note,
html body .payment-options>.btn:not(.payment-option),
html body .pdv-payment-options>.btn:not(.payment-option){
  grid-column:1/-1!important;
}
html body .payment-options>.modal-actions,
html body .pdv-payment-options>.modal-actions{
  margin-top:2px!important;
  justify-content:center!important;
}
@media(max-width:620px){
  html body .payment-options,
  html body .pdv-payment-options{grid-template-columns:1fr!important}
  html body .payment-options>.payment-option,
  html body .pdv-payment-options>.payment-option{
    min-height:106px!important;
    padding:14px 12px!important;
  }
}