.corretor-template-default {
  #menu-item-217 {
    display: none;
  }

  header {
    height: 54px;
    z-index: 99999;
    .laterais:first-child {
      display: none;
    }
  }

  header.header-scroll {
    padding: 15px 0;
  }
}

.body-scroll {
  .single-corretor {
    #box-corretor {
      top: 55px;
    }
  }
}
.single-corretor {
  .barrafixa {
    display: none !important;
  }

  .bem-vindo {
    padding: 200px 0 100px;
  }

  /* .topo .yes-desk {
    margin: 55px 0 45px 0;
  } */

  .localizacao .botoes {
    display: none;
  }

  .localizacao {
    padding-bottom: 60px;
  }

  .contato {
    display: none;
  }
  .contato .conteudo {
    display: none;
  }

  #box-corretor {
    box-sizing: border-box;
    max-width: 570px;
    width: 100%;
    background: #fff;
    box-shadow: 0 10px 4px 0 rgba(0, 0, 0, 0.04);
    padding: 20px;
    position: fixed;
    right: 50px;
    top: 90px;
    z-index: 888;
    border-radius: 16px 16px 16px 0;
    transition: all 0.5s ease;

    &.box-scroll {
      top: 60px;
    }
  }

  .balao {
    position: absolute;
    bottom: -60%;
    display: flex;
    width: 402px;
    padding: var(--Spacing-hsmall, 16px) var(--Spacing-small, 24px);
    justify-content: center;
    align-items: center;
    gap: var(--Spacing-hsmall, 16px);
    border-radius: 0 20px 20px 20px;
    background: var(
      --Gradient-01,
      linear-gradient(93deg, #91b52d 10.96%, #2caaba 108.94%)
    );
    left: 0;

    .close-balao {
      position: absolute;
      right: -15px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      transition: all 0.5s ease;
      &:hover {
        opacity: 0.6;
      }
    }

    p {
      color: var(--Grey-900, #fff);
      leading-trim: both;
      text-edge: cap;
      font-family: "IBM Plex Sans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 140%; /* 22.4px */
    }
  }

  .button-whatsapp {
    margin-right: 10px;
    a {
      border-radius: 8px;
      background: var(
        --Gradient-01,
        linear-gradient(93deg, #91b52d 10.96%, #2caaba 108.94%)
      );
      transition: all 0.5s ease;
      display: flex;
      padding: 14px 18px;
      justify-content: center;
      align-items: center;
      gap: 16px;

      &:hover {
        transform: scale(1.05);
        opacity: 0.6;
      }

      .text {
        color: var(--Grey-900, #fff);
        font-family: "IBM Plex Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 12px */
        letter-spacing: 0.8px;
        text-transform: uppercase;
      }
    }
  }

  .content-corretor {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;

    .thumb-infos {
      display: flex;
      gap: 20px;
      align-items: center;

      .name {
        color: var(--Primary, #395830);
        font-family: "IBM Plex Sans";
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%; /* 18px */
      }

      .cargo {
        color: var(--Primary, #395830);
        font-family: "IBM Plex Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
      }

      .creci {
        color: var(--Primary, #395830);
        font-family: "IBM Plex Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 150%; /* 18px */
        margin-top: 15px;
      }
    }

    .thumb {
      width: 90px;
      height: 90px;
      overflow: hidden;
      border-radius: 16px;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
    }
  }
}

@media (max-width: 640px) {
  .topo {
    height: 880px;
  }
  .body-scroll {
    & .single-corretor {
      #box-corretor {
        z-index: 8888;
        top: 39px;
      }
    }
  }
  .corretor-template-default {
    header.header-scroll {
      height: 54px;
    }

    header {
      .laterais:first-child {
        display: block;
      }
    }
  }
  .single-corretor {
    #box-corretor {
      &.box-scroll {
        top: 45px;
      }
    }
    .balao {
      width: 90%;
      bottom: initial;
      top: 135px;
      left: 50%;
      transform: translateX(-50%);
    }
    & .button-whatsapp {
      & a {
        .text {
          display: none;
        }
      }
    }
  }
  .single-corretor {
    #box-corretor {
      width: 100%;
      max-width: 100%;
      right: initial;
      top: 75 px;
      margin: 15px auto;
      left: 50%;
      transform: translateX(-50%);
      z-index: 8888;
    }
  }
}