.wc-profissionais {
  padding-top: 60px;
  padding-bottom: 85px;
  background-color: #F9F9F9;
}

.wc-profissionais h2 {
  font-size: 32px;
  text-transform: uppercase;
  margin: 0;
  font-weight: 400;
  text-align: center;
}

.wc-profissionais span {
  display: block;
  font-size: 20px;
  margin: 0;
  font-weight: 300;
  text-align: center;
}

.wc-profissionais-wrap {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  max-width: 1068px;
  margin: 40px auto auto;
  gap: 40px;
}

.wc-profissionais-maps {
  min-width: 520px;
}

.wc-profissionais-infos {
  height: 515px;
  overflow-y: auto;
  scrollbar-gutter: stable both-edges;
  padding-right: 10px;
}

.wc-profissionais-infos::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.wc-profissionais-infos::-webkit-scrollbar-track {
  background: #CACACA;
}

/* Handle */
.wc-profissionais-infos::-webkit-scrollbar-thumb {
  background: var(--Black);
}

.filtro-profissionais {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.filtro-profissionais label {
  font-size: 20px;
  font-weight: 400;
}

.filtro-profissionais select {
  height: 40px;
  border: 1px solid var(--Black);
  width: 100%;
  color: var(--Grey-600);
  font-size: 14px;
  padding: 0 16px;
}

#lista-profissionais {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 508px;
}

.card-profissional {
  background-color: var(--White);
  padding: 12px 16px;
  width: 488px;
}

.card-profissional-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  cursor: pointer;
}

.card-profissional-header div {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
}

.card-profissional-header button {
  background-color: transparent;
  padding: 0;
  border: none;
}

.card-profissional-header button::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.325 15H10.825V10.85H15V9.35H10.825V5H9.325V9.35H5V10.85H9.325V15ZM10.0068 20C8.62775 20 7.3319 19.7375 6.11925 19.2125C4.9064 18.6875 3.84585 17.9708 2.9375 17.0625C2.02917 16.1542 1.3125 15.093 0.7875 13.879C0.2625 12.665 0 11.3679 0 9.9875C0 8.60715 0.2625 7.31 0.7875 6.096C1.3125 4.882 2.02917 3.825 2.9375 2.925C3.84585 2.025 4.907 1.3125 6.121 0.7875C7.335 0.2625 8.63215 0 10.0125 0C11.3928 0 12.69 0.2625 13.904 0.7875C15.118 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88335 19.2125 6.1C19.7375 7.31665 20 8.6144 20 9.99325C20 11.3722 19.7375 12.6681 19.2125 13.8807C18.6875 15.0936 17.975 16.1527 17.075 17.058C16.175 17.9632 15.1166 18.6798 13.9 19.208C12.6833 19.736 11.3856 20 10.0068 20ZM10.0125 18.5C12.3708 18.5 14.375 17.6709 16.025 16.0125C17.675 14.3542 18.5 12.3458 18.5 9.9875C18.5 7.62915 17.6766 5.625 16.0298 3.975C14.3829 2.325 12.373 1.5 10 1.5C7.65 1.5 5.64585 2.32342 3.9875 3.97025C2.32917 5.6171 1.5 7.627 1.5 10C1.5 12.35 2.32917 14.3542 3.9875 16.0125C5.64585 17.6709 7.65415 18.5 10.0125 18.5Z" fill="%239A9A9A"/></svg>') no-repeat center;
  background-size: 20px;
  display: block;
  width: 20px;
  height: 20px;
}

.card-profissional-header.open button::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5006 19.2858C15.629 19.2858 19.7863 15.1285 19.7863 10.0001C19.7863 4.87171 15.629 0.714355 10.5006 0.714355C5.3722 0.714355 1.21484 4.87171 1.21484 10.0001C1.21484 15.1285 5.3722 19.2858 10.5006 19.2858Z" stroke="%239A9A9A" stroke-width="1.42857" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.21484 10H14.7863" stroke="%239A9A9A" stroke-width="1.42857" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: 20px;
  display: block;
  width: 20px;
  height: 20px;
}

.card-profissional-header span {
  background: #F1F1F1;
  max-width: 154px;
  width: 100%;
  text-align: center;
  padding: 9px 0;
  font-size: 14px;
  font-weight: 500;
  color: var(--Grey-600);
}

.card-profissional-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
}

.card-profissional-header h3::before {
  content: "";
  background: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75174 2.25315C4.75458 2.30333 4.77314 2.35134 4.80478 2.3904C4.83641 2.42945 4.87953 2.45756 4.92803 2.47076C4.97653 2.48396 5.02795 2.48157 5.07501 2.46393C5.12208 2.44629 5.1624 2.4143 5.19028 2.37248C5.21816 2.33066 5.23218 2.28113 5.23036 2.2309C5.22854 2.18068 5.21097 2.13229 5.18014 2.0926C5.1493 2.05291 5.10677 2.02392 5.05855 2.00974C5.01033 1.99555 4.95887 1.99689 4.91146 2.01357H4.11285C3.68924 2.01357 3.28298 2.18184 2.98344 2.48138C2.6839 2.78092 2.51562 3.18718 2.51562 3.61079V7.60384C2.51563 8.87467 3.02046 10.0935 3.91907 10.9921C4.81768 11.8907 6.03646 12.3955 7.30729 12.3955C7.93654 12.3955 8.55963 12.2716 9.14098 12.0308C9.72233 11.79 10.2506 11.437 10.6955 10.9921C11.1405 10.5471 11.4934 10.0189 11.7342 9.43754C11.975 8.85618 12.099 8.2331 12.099 7.60384V3.61079C12.099 3.18718 11.9307 2.78092 11.6311 2.48138C11.3316 2.18184 10.9253 2.01357 10.5017 2.01357H9.70312C9.68739 2.0293 9.67491 2.04797 9.6664 2.06853C9.65789 2.08908 9.65351 2.11111 9.65351 2.13336C9.65351 2.15561 9.65789 2.17764 9.6664 2.19819C9.67491 2.21874 9.68739 2.23742 9.70312 2.25315C9.71886 2.26888 9.73753 2.28136 9.75809 2.28987C9.77864 2.29839 9.80067 2.30277 9.82292 2.30277C9.84516 2.30277 9.86719 2.29839 9.88775 2.28987C9.9083 2.28136 9.92698 2.26888 9.94271 2.25315" stroke="black" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/><path d="M7.30664 12.3958V13.1944C7.30664 13.8237 7.43058 14.4468 7.67138 15.0281C7.91219 15.6095 8.26514 16.1377 8.71009 16.5827C9.6087 17.4813 10.8275 17.9861 12.0983 17.9861C13.3691 17.9861 14.5879 17.4813 15.4865 16.5827C16.3851 15.6841 16.89 14.4653 16.89 13.1944V10" stroke="black" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2891 8.40289C15.2891 8.61264 15.3304 8.82033 15.4106 9.01412C15.4909 9.2079 15.6086 9.38398 15.7569 9.53229C15.9052 9.68061 16.0813 9.79826 16.2751 9.87853C16.4688 9.95879 16.6765 10.0001 16.8863 10.0001C17.096 10.0001 17.3037 9.95879 17.4975 9.87853C17.6913 9.79826 17.8674 9.68061 18.0157 9.53229C18.164 9.38398 18.2817 9.2079 18.3619 9.01412C18.4422 8.82033 18.4835 8.61264 18.4835 8.40289C18.4835 8.19314 18.4422 7.98544 18.3619 7.79166C18.2817 7.59787 18.164 7.4218 18.0157 7.27348C17.8674 7.12516 17.6913 7.00751 17.4975 6.92725C17.3037 6.84698 17.096 6.80566 16.8863 6.80566C16.6765 6.80566 16.4688 6.84698 16.2751 6.92725C16.0813 7.00751 15.9052 7.12516 15.7569 7.27348C15.6086 7.4218 15.4909 7.59787 15.4106 7.79166C15.3304 7.98544 15.2891 8.19314 15.2891 8.40289Z" stroke="black" stroke-width="0.833333" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;
  background-size: 20px;
  display: block;
  width: 20px;
  height: 20px;
}

.card-profissional-body {
  display: none;
  margin-top: 4px;
  gap: 16px;
}

.card-profissional.open .card-profissional-body {
  display: flex;
}

.card-profissional-body--img {
  min-width: 154px;
  max-width: 154px;
}

.card-profissional-body--content p {
  margin: 0;
  font-size: 12px;
  font-weight: 300;
}

.card-profissional-body--content strong {
  display: block;
  margin-top: 15px;
  font-size: 12px;
  font-weight: 600;
}

.card-profissional .card-profissional-footer {
  display: none;
}

.card-profissional.open .card-profissional-footer {
  display: block;
}

.clinicas-do-profissional {
  margin-top: 24px;
}

.clinicas-do-profissional span {
  font-size: 11px;
  font-weight: 600;
  text-align: left;
}

.clinicas-do-profissional ul {
  margin: 12px 0 0;
  padding: 0;
}

.clinicas-do-profissional ul li button {
  cursor: pointer;
  background-color: transparent;
  border: 1px solid var(--Black);
  border-radius: 4px;
  height: 32px;
  padding: 0 14px;
  font-weight: 600;
  font-size: 12px;
  margin-right: 12px;
}

@media(max-width: 1000px) {
  .wc-profissionais {
    padding-top: 28px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .wc-profissionais h2 {
    font-size: 20px;
  }

  .wc-profissionais span {
    font-size: 14px;
  }

.wc-profissionais-wrap {
  flex-direction: column-reverse;
}

  .wc-profissionais-maps {
    min-width: auto;
    width: 100%;
  }

  #lista-profissionais {
    width: 100%;
  }

  .card-profissional {
    width: 100%;
  }
  .card-profissional-header div {
    flex-direction: column-reverse;
    width: auto;
    align-items: flex-start;
  }

  .card-profissional-header h3 {
    font-size: 16px;
  }

  .card-profissional-header span {
    font-size: 12px;
  }

  .card-profissional.open .card-profissional-body {
    flex-direction: column;
  }
}