* {
  block-size: 100%;
  box-sizing: content-box;
  inline-size: 100%;
  margin-inline: 0;
  margin-block: 0;
  max-block-size: 100%;
  max-inline-size: 100%;
  padding-block: 0;
  padding-inline: 0;
}

:root {
  --corPrimaria: hsl(350, 21%, 56%); 
  --corSecundaria: hsl(340, 21%, 89%); 
  --corTerciaria: hsl(0, 0%, 100%); 
  --corQuaternaria: hsl(12, 13%, 40%); 
  --fonteTitulo: "Roboto Condensed", sans-serif;
  --fonteParagrafo: "Roboto", sans-serif;
}

body {
  font-family: var(--fonteTitulo);
  grid-template: 100% / 100%;
  overflow-x: hidden;
}

.conteinerAgendamentos {
  background-image: url(../imagens-e-icones/banco-de-imagens/agendamento-consulta.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img_menuOpen {
  inline-size: fit-content;
}

.img_menuOpen--close {
  display: none;
}

.btn {
  background-color: var(--corTerciaria);
  border-radius: 10% / 40%;
  border: none;
  display: inline-block;
  color: var(--corPrimaria);
  cursor: pointer;
  font-family: var(--fonteParagrafo);
  font-size: clamp(0.2em, 0.5em + 1.5vw, 5em);
  padding: 1%;
  filter: drop-shadow(1px 2px 1px black);
  font-weight: 800;
}

.btn:hover {
  background-color: var(--corTerciaria);
  color: var(--corPrimaria);
}

.btn:active {
  background-color: var(--corQuaternaria);
  color: var(--corTerciaria);
}

.btn_fecharMenu--open {
  inline-size: max-content;
  block-size: max-content;
  padding-inline: 1em;
  border-radius: 99999px;
  display: flex;
  align-self: end;
}

.btn_fecharMenu--close {
  display: none;
}

.btn_saibaMais--homePageQuemSomos:hover {
  background-color: var(--corPrimaria);
  color: var(--corTerciaria);
}

.btn_saibaMais--homePageQuemSomos:active {
  background-color: var(--corSecundaria);
  color: var(--corQuaternaria);
} */

.menu_mobile {
  block-size: 7%;
  position: fixed;
  top: 6%;
  left: 84%
}

.menu_mobile img {
  filter: drop-shadow(2px 4px 2px black);
}

.menu_mobile--open {
  background-color: var(--corPrimaria);
  display: flex !important;
  flex-direction: column !important;
  padding-block-start: 1em;
  padding-inline-end: 0.5em;
  position: fixed;
  top: 0%;
  z-index: 2;
  inline-size: 60% !important;
}

.menu_conteinerItems {
  align-content: space-around;
  block-size: max-content;
  display: flex;
  flex-direction: column;
  inline-size: 100%;
  list-style: none;
  position: relative;
  row-gap: 10%;
  z-index: 2;
}

.menu_conteinerItems--close {
  display: none;
}

.titulos--js {
  cursor: pointer;
}