/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/separador/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.
 */
:root {
  --grad-marinho: #111221;
  --grad-azul: #5b7797;
  --background: var(--wp--preset--color--basic-2);
  --border: var(--wp--preset--color--basic-1);
}

.bg--bottom-grad {
  --background: var(--grad-azul);
}
.bg--verde {
  --background: var(--wp--preset--color--main-3);
}
.bg--laranja {
  --background: var(--wp--preset--color--main-2);
}
.bg--azul {
  --background: var(--wp--preset--color--main-4);
}
.bg--black {
  --background: var(--wp--preset--color--basic-1);
}
.bg--transparent {
  --background: transparent;
}

.border--top-grad {
  --border: var(--grad-marinho);
}
.border--bottom-grad {
  --border: var(--grad-azul);
}
.border--verde {
  --border: var(--wp--preset--color--main-3);
}
.border--laranja {
  --border: var(--wp--preset--color--main-2);
}
.border--azul {
  --border: var(--wp--preset--color--main-4);
}
.border--azul-claro {
  --border: var(--wp--preset--color--light-blue);
}
.border--default {
  --border: var(--wp--preset--color--basic-2);
}

.wp-block-clientar-blocks-separador {
  display: none;
}
@media (min-width: 782px) {
  .wp-block-clientar-blocks-separador {
    display: block;
    position: relative;
    height: 4svh;
    padding: 0;
    width: 100%;
    background-color: var(--background);
  }
  .wp-block-clientar-blocks-separador::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 4svh solid transparent;
    border-right: 100svw solid var(--border);
    border-bottom: 0 solid transparent;
  }
}
@media (min-width: 900px) {
  .wp-block-clientar-blocks-separador {
    height: 8svh;
  }
  .wp-block-clientar-blocks-separador::after {
    border-top-width: 8svh;
  }
}

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