/* ============================================================
   BOLEPIX HOME2 C2R1
   5 cards da consulta por período
   ============================================================ */


/*
 * DESKTOP:
 * exatamente cinco colunas na mesma linha.
 */
.bp-home-period-card-v178
.bp-home-period-grid-v178 {

    display: grid !important;

    grid-template-columns:
      repeat(
        5,
        minmax(0,1fr)
      ) !important;

    gap: 14px !important;

    align-items: stretch !important;

    width: 100% !important;
}


.bp-home-period-card-v178
.bp-home-period-grid-v178
> .card {

    min-width: 0 !important;

    width: auto !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


.bp-home-period-card-v178
.bp-home-period-grid-v178
> .card.stat.compact {

    min-height: 112px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: center !important;
}


/*
 * Mantém textos grandes sem estourar a coluna.
 */
.bp-home-period-card-v178
.bp-home-period-grid-v178
> .card
span {

    white-space: normal !important;

    overflow-wrap: anywhere !important;
}


/*
 * TABLET
 */
@media (max-width: 1100px) {

    .bp-home-period-card-v178
    .bp-home-period-grid-v178 {

        grid-template-columns:
          repeat(
            3,
            minmax(0,1fr)
          ) !important;
    }
}


/*
 * TABLET MENOR
 */
@media (max-width: 760px) {

    .bp-home-period-card-v178
    .bp-home-period-grid-v178 {

        grid-template-columns:
          repeat(
            2,
            minmax(0,1fr)
          ) !important;
    }
}


/*
 * MOBILE
 */
@media (max-width: 480px) {

    .bp-home-period-card-v178
    .bp-home-period-grid-v178 {

        grid-template-columns:
          1fr !important;
    }
}