/* CENTRAL_DOC_MOBILE_V68_CSS */

/*
  Corrige botões de boleto no celular:
  - não ficam lado a lado
  - não cortam texto
  - ficam 100% da largura
*/
@media(max-width:900px){

  .fatura-v27b-actions .doc-mobile-wrap-v67,
  .pay-v23-actions .doc-mobile-wrap-v67,
  .future-fatura-v28-actions .doc-mobile-wrap-v67,
  .future-pay-actions-v24 .doc-mobile-wrap-v67{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    grid-column:1 / -1!important;
  }

  .fatura-v27b-actions .doc-mobile-print-v67,
  .fatura-v27b-actions .doc-mobile-down-v67,
  .pay-v23-actions .doc-mobile-print-v67,
  .pay-v23-actions .doc-mobile-down-v67,
  .future-fatura-v28-actions .doc-mobile-print-v67,
  .future-fatura-v28-actions .doc-mobile-down-v67,
  .future-pay-actions-v24 .doc-mobile-print-v67,
  .future-pay-actions-v24 .doc-mobile-down-v67{
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    height:46px!important;
    min-height:46px!important;
    border-radius:14px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  .doc-mobile-print-v67::before,
  .doc-mobile-down-v67::before{
    font-size:14px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .future-fatura-v28-actions,
  .future-pay-actions-v24{
    grid-template-columns:1fr!important;
  }
}

/* Celular muito estreito */
@media(max-width:380px){
  .doc-mobile-print-v67::before,
  .doc-mobile-down-v67::before{
    font-size:13px!important;
  }
}