/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/destaques/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-beautycode-destaques {
  padding-left: var(--wp--preset--spacing--50);
  padding-right: var(--wp--preset--spacing--50);
}
.wp-block-beautycode-destaques h2 {
  margin-top: var(--wp--preset--spacing--70);
  word-break: keep-all;
  font-size: 120%;
  letter-spacing: 0.1em;
}
@media (min-width: 500px) {
  .wp-block-beautycode-destaques h2 {
    font-size: var(--wp--preset--font-size--md);
  }
}
@media (min-width: 768px) {
  .wp-block-beautycode-destaques h2 {
    font-size: 120%;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 768px) and (min-width: 500px) {
  .wp-block-beautycode-destaques h2 {
    font-size: var(--wp--preset--font-size--lg);
  }
}
.wp-block-beautycode-destaques h2.h1::after {
  margin: 0 auto;
}
.wp-block-beautycode-destaques .container {
  display: flex;
  justify-content: space-between;
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}
.wp-block-beautycode-destaques .container ul {
  width: 100%;
  gap: var(--wp--preset--spacing--60);
  justify-content: center;
  grid-template-columns: minmax(250px, 350px) !important;
}
@media (min-width: 1024px) {
  .wp-block-beautycode-destaques .container ul {
    grid-template-columns: repeat(3, minmax(300px, 450px)) !important;
  }
}
.wp-block-beautycode-destaques .container ul li {
  filter: saturate(1);
}
@media (min-width: 1024px) {
  .wp-block-beautycode-destaques .container ul li {
    filter: saturate(0.3);
    transition: filter 0.6s;
  }
  .wp-block-beautycode-destaques .container ul li:hover {
    filter: saturate(1);
    transition: filter 0.9s;
  }
}
.wp-block-beautycode-destaques .card-title {
  margin: var(--wp--preset--spacing--20) 0 0;
}
.wp-block-beautycode-destaques .card-title a {
  font-weight: 300;
  color: inherit;
}
.wp-block-beautycode-destaques .card-title a::before {
  content: "- ";
}
.wp-block-beautycode-destaques .card-title a::after {
  content: " -";
}
.wp-block-beautycode-destaques .card-img {
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
  background-color: #333;
  box-shadow: var(--wp--preset--shadow--beauty-natural);
}
.wp-block-beautycode-destaques .cta {
  margin: var(--wp--preset--spacing--70) 0 var(--wp--preset--spacing--60);
}
.wp-block-beautycode-destaques figure a {
  padding: 0;
}
.wp-block-beautycode-destaques h3 a:hover {
  background-color: unset;
  -webkit-text-decoration: 2px underline dotted oklch(from var(--wp--preset--color--cta-black) 0.35 c h);
          text-decoration: 2px underline dotted oklch(from var(--wp--preset--color--cta-black) 0.35 c h);
  text-underline-offset: 6px;
}
.wp-block-beautycode-destaques .wp-block-button a:hover {
  background-color: oklch(from #32373c 0.35 c h);
}

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