/* Estilo automático para o tipo de post: page */
.hero-section {
  overflow: hidden;
  /* padding-top: 98px; */
  position: relative;
  min-height: 45svh;

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    filter: brightness(0.6);
  }

  .hero-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-color: #2C267B; */
    z-index: 2;
    pointer-events: none;

    p {
      color: #fffcf5;
      font-size: 20px;
    }

    a {
      pointer-events: auto;
    }

    a.cta {
      background-color: #d5b991;
      font-size: 20px;
    }

    h1 {
      /* font-size: 46px; */
      /* line-height: 60px; */
      font-weight: 500;
      margin-bottom: 16px;
      color: #fffcf5;

      span {
        color: #d5b991;
      }
    }
  }

  /* &::after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        left: 0;
        top: 0;
        background: #2C267B;
        background: linear-gradient(135deg, rgba(44, 38, 123, 1) 0%, rgba(47, 43, 96, 1) 100%);
        z-index: 1;
        clip-path: polygon(0 0, 75% 0, 100% 100%, 0% 100%);
    } */
}

section.sobre {
  img {
    border-radius: 10px;
  }

  h2 {
    margin-top: 14px;
    margin-bottom: 20px;
  }
}

section.relacionamento {
  .form-container {
    background-color: #472135;
    padding: 50px 80px;
    border-radius: 16px;
    height: 100%;

    h3 {
      color: #c8ac78;
    }

    p {
      color: #f5f5f5;
    }

    .input {
      position: relative;

      svg {
        position: absolute;
        top: 14px;
        left: 14px;
      }

      label {
        color: #f5f5f5;
      }

      &.select {
        svg {
          position: absolute;
          right: 15px;
          left: auto;
          top: 40%;
          z-index: 10;
        }
      }
    }

    textarea.form-control {
      padding-left: 8%;

      @media (max-width: 1200px) {
        padding-left: 10%;
      }

      @media (max-width: 992px) {
        padding-left: 8%;
      }

      @media (max-width: 768px) {
        padding-left: 11%;
      }
    }

    select.form-control {
      padding: 28px 23px 64px 23px;
      position: relative;
      option {
        padding: 20px;
        background-color: #472135;
        color: #c8ac78;
      }
    }

    .form-control {
      background-color: transparent;
      color: #f5f5f5;
      border: 1px solid #c8ac78;
      padding: 12px;
      position: relative;

      &[type="text"],
      &[type="mail"],
      &[type="email"],
      &[type="number"],
      &[type="date"],
      &[type="tel"] {
        padding-left: 8%;

        @media (max-width: 1200px) {
          padding-left: 10%;
        }

        @media (max-width: 992px) {
          padding-left: 8%;
        }

        @media (max-width: 768px) {
          padding-left: 11%;
        }
      }

      &::placeholder {
        color: #f5f5f5;
      }
    }
  }
}

.img-sobre {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}