/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[0]!./src/blocks/content-programmatic-card/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
* Screen Sizes
*/
/* news */
/* mobile */
/* tablet */
/* desktop */
/**
* Breakpoints - Media Queries
*/
/**
 * Font Weight
 */
/**
 * Typography
 */
/**
 * Funções Utilitárias
 */
.ca {
  font-weight: 600;
  font-size: var(--wp--preset--font-size--text-md, 1rem) !important;
  line-height: 160%;
}

.flex-col-start-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
}

/**
 * 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-theme-blocks-content-programmatic-card {
  max-width: 744px;
  position: relative;
}

.wp-block-theme-blocks-content-programmatic-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  opacity: 0.7;
  background: linear-gradient(180deg, #048AE1 0%, rgba(4, 138, 225, 0) 100%);
}

.wp-block-theme-blocks-content-programmatic-card .content-programmatic-card {
  padding-left: 32px;
  padding-bottom: 40px;
}

.wp-block-theme-blocks-content-programmatic-card .programmatic-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wp-block-theme-blocks-content-programmatic-card .programmatic-card .content-programmatic-card__title {
  color: var(--Brand-Tertiary-800, #03619F);
  /* Text/lg/Semi-Bold */
  font-family: var(--font-Family-Text, Montserrat);
  font-size: var(--font-Size-Text-lg, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: 28px; /* 155.556% */
  position: relative;
}

.wp-block-theme-blocks-content-programmatic-card .programmatic-card .content-programmatic-card__title::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27%3E%3Crect x=%270.25%27 y=%270.25%27 width=%2723.5%27 height=%2723.5%27 rx=%2711.75%27 fill=%27white%27/%3E%3Crect x=%270.25%27 y=%270.25%27 width=%2723.5%27 height=%2723.5%27 rx=%2711.75%27 stroke=%27%23048AE1%27 stroke-width=%270.5%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%276%27 fill=%27%23048AE1%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: -44px;
  top: 0px;
}

.wp-block-theme-blocks-content-programmatic-card .programmatic-card .content-programmatic-card__description {
  color: var(--Grey-Text, #4E5050);
  font-family: var(--font-Family-Text, Montserrat);
  font-size: var(--font-Size-Text-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 170%; /* 27.2px */
}

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