/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/card-block/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-clientar-blocks-card-block .container {
  container: cards/inline-size;
}
.wp-block-clientar-blocks-card-block .cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--wp--preset--spacing--40);
  margin: 0 var(--wp--preset--spacing--40);
}
.wp-block-clientar-blocks-card-block .cards.cta-app .col-3, .wp-block-clientar-blocks-card-block .cards.cta-app .col-2, .wp-block-clientar-blocks-card-block .cards.cta-app .col-1 {
  align-items: center;
}
@media (min-width: 782px) {
  .wp-block-clientar-blocks-card-block .cards.cta-app .col-1 {
    align-items: end;
  }
}
@media (min-width: 782px) {
  .wp-block-clientar-blocks-card-block .cards.cta-app .col-3 {
    align-items: start;
  }
}
.wp-block-clientar-blocks-card-block .card {
  width: 100%;
}
@container cards (min-width:500px) {
  .wp-block-clientar-blocks-card-block .cards {
    margin: 0 auto;
  }
  .wp-block-clientar-blocks-card-block .card, .wp-block-clientar-blocks-card-block .card.four-col {
    width: clamp(360px, 20cqi, 450px);
  }
  .wp-block-clientar-blocks-card-block .cards.cta-app .card {
    width: unset;
  }
}
@container cards (min-width:736px) {
  .wp-block-clientar-blocks-card-block .card {
    width: clamp(234px, 20cqi, 345px);
  }
  .wp-block-clientar-blocks-card-block .card.funcionalidades {
    width: clamp(290px, 22cqi, 345px);
  }
  .wp-block-clientar-blocks-card-block .cards.cta-app .card {
    width: var(--wp--style--global--content-size);
    margin: 0 auto;
  }
}
@container cards (min-width:1048px) {
  .wp-block-clientar-blocks-card-block .card.four-col {
    width: clamp(250px, 20%, 450px);
  }
  .wp-block-clientar-blocks-card-block .cards.cta-app .card {
    width: clamp(300px, 30cqi, 450px);
  }
}

/*# sourceMappingURL=style-index.css.map*/