.cbc-barra{
  --cbc-cols-desktop:6;
  --cbc-cols-tablet:3;
  --cbc-cols-mobile:1;
  --cbc-icon-size-desktop:82px;
  --cbc-icon-size-mobile:58px;
  --cbc-font-size-desktop:22px;
  --cbc-font-size-mobile:18px;

  display:grid;
  grid-template-columns:repeat(var(--cbc-cols-desktop),minmax(0,1fr));
  gap:24px;
  width:100%;
  align-items:stretch;
}
.cbc-card{
  position:relative;
  display:block;
  text-decoration:none;
  background:#f2f2f2;
  color:#004f8d;
  min-height:230px;
  transition:transform .18s ease, box-shadow .18s ease;
  box-shadow:0 0 0 1px rgba(0,0,0,.04) inset;
}
.cbc-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}
.cbc-top-line{
  display:block;
  height:8px;
  width:100%;
  background:#004f8d;
}
.cbc-inner{
  height:calc(100% - 8px);
  display:flex;
  padding:26px 18px;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:18px;
}
.cbc-icon-top .cbc-inner{flex-direction:column}
.cbc-icon-left .cbc-inner{
  flex-direction:row;
  text-align:left;
  justify-content:flex-start;
}
.cbc-icon .dashicons{
  width:var(--cbc-icon-size-desktop);
  height:var(--cbc-icon-size-desktop);
  font-size:var(--cbc-icon-size-desktop);
  color:#004f8d;
}
.cbc-title{
  font-size:var(--cbc-font-size-desktop);
  line-height:1.08;
  font-weight:700;
  color:#004f8d;
  word-break:break-word;
}
@media (max-width: 1200px){
  .cbc-barra{grid-template-columns:repeat(var(--cbc-cols-tablet),minmax(0,1fr))}
}
@media (max-width: 782px){
  .cbc-barra{grid-template-columns:repeat(var(--cbc-cols-mobile),minmax(0,1fr));gap:16px}
  .cbc-card{min-height:180px}
  .cbc-icon .dashicons{
    width:var(--cbc-icon-size-mobile);
    height:var(--cbc-icon-size-mobile);
    font-size:var(--cbc-icon-size-mobile);
  }
  .cbc-title{font-size:var(--cbc-font-size-mobile)}
}
@media (max-width: 520px){
  .cbc-card{min-height:140px}
  .cbc-inner{padding:18px 16px}
  .cbc-icon-left .cbc-inner{
    justify-content:center;
    text-align:center;
    flex-direction:column;
  }
}