.c-modal {
  block-size: 100vh;
  display: none;
  inline-size: 100vw;
  inset: 0;
  pointer-events: none;
  position: fixed;
  z-index: 999; }
  .c-modal.is-open {
    display: block;
    pointer-events: auto; }
  .c-modal header {
    -webkit-padding-end: 40px;
            padding-inline-end: 40px; }

.c-modal__overlay {
  -webkit-box-align: center;
          align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  block-size: 100%;
  display: -webkit-box;
  display: flex;
  inline-size: 100%;
  -webkit-box-pack: center;
          justify-content: center; }

.c-modal__wrapper {
  background-color: var(--cor-white);
  -webkit-box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 4px 4px 40px 0 rgba(0, 0, 0, 0.25);
  inline-size: 100%;
  margin-inline: 28px;
  max-block-size: 80vh;
  max-inline-size: 660px;
  padding: 28px;
  position: relative; }
  @media (min-width: 48em) {
    .c-modal__wrapper {
      padding: 40px; } }

.c-modal__content {
  max-block-size: 50vh;
  overflow-y: auto; }

.c-modal__heading {
  color: var(--cor-black);
  font-family: "Merriweather", serif;
  font-size: 1rem;
  font-weight: 700;
  margin: 0; }
  @media (min-width: 48em) {
    .c-modal__heading {
      font-size: 1.11111rem; } }

.c-modal__close {
  --cor-i-close: url(../../../images/icons/close.svg);
  background-color: var(--cor-green-forest);
  block-size: 22px;
  display: block;
  content: '';
  inline-size: 22px;
  inset-block-start: 20px;
  inset-inline-end: 20px;
  -webkit-mask: var(--cor-i-close) no-repeat center/22px;
          mask: var(--cor-i-close) no-repeat center/22px;
  padding: 0;
  position: absolute; }

.c-modal__content {
  -webkit-margin-before: 12px;
          margin-block-start: 12px; }