/*
 * BOLEPIX_PLANOS_GRID_3X2_V5703Z176PLANPUB1C1R1
 *
 * Alvo exclusivo:
 * Recursos gratuitos conforme sua faixa.
 *
 * Desktop:
 * 3 colunas x 2 linhas.
 *
 * Tablet:
 * 2 colunas.
 *
 * Celular:
 * 1 coluna.
 */


/* =========================================================
   DESKTOP
   ========================================================= */

#bpPlanosRecursosCentraisVPL11D2A4
.bp-pl11d2a4-grid{
  display:grid !important;

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

  gap:14px !important;

  width:100% !important;
  max-width:none !important;

  align-items:stretch !important;

  box-sizing:border-box !important;
}


#bpPlanosRecursosCentraisVPL11D2A4
.bp-pl11d2a4-resource-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  height:100% !important;

  box-sizing:border-box !important;
}


/*
 * Evita que textos maiores façam uma
 * das colunas tentar expandir.
 */

#bpPlanosRecursosCentraisVPL11D2A4
.bp-pl11d2a4-resource-title,

#bpPlanosRecursosCentraisVPL11D2A4
.bp-pl11d2a4-range,

#bpPlanosRecursosCentraisVPL11D2A4
.bp-pl11d2a4-avulso{
  min-width:0 !important;
  overflow-wrap:anywhere;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px){

  #bpPlanosRecursosCentraisVPL11D2A4
  .bp-pl11d2a4-grid{
    grid-template-columns:
      repeat(
        2,
        minmax(0,1fr)
      )
      !important;
  }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 700px){

  #bpPlanosRecursosCentraisVPL11D2A4
  .bp-pl11d2a4-grid{
    grid-template-columns:
      minmax(0,1fr)
      !important;

    gap:12px !important;
  }

}
