.footer{
  display: flex;
  padding: 40px clamp(20px, 8vw, 120px); 
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
  background: var(--Gray-200);
  width: 100%;
}

.footer__top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
}

.footer__info{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.footer__social{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}


.footer__socialItem{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none; /* pra não ficar sublinhado */
  color: var(--Gray-600);
}

.footer__socialItem > span{
  display: flex;
  align-items: center;
  gap: 15px;
}

.footer__socialItem svg{ width:32px; height:32px; display:block; }

.footer__icon{
  display: inline-flex;
  width: 32px;
  height: 32px;
  color: var(--Gray-900);

}

.footer__icon svg{
  width: 32px;
  height: 32px;
  display: block;
}

.footer__bottom{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.footer__text h1,
.footer__text p{
  margin: 0;
}

.footer__language {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* container */
.langSelect {
  position: relative;
  width: max-content;
  min-width: 220px;  /* opcional */
  flex: 0 0 auto;
}

/* "input" */
.langSelect__trigger {
  width: 100%;
  height: 56px;
  padding: 0 8px;
  border-radius: 12px;
  border: 1px solid var(--Gray-300);
  background: var(--Gray-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font: inherit;
}

/* texto */
.langSelect__value {
  color: var(--Gray-900);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

/* chevron (setinha) */
.langSelect__chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--Gray-900);
  transition: transform 0.25s ease;
}

/* estado aberto: borda vermelha + seta pra cima */
.langSelect.is-open .langSelect__trigger {
  border-color: var(--Pink-300);
  box-shadow: var(--shadow-lg);
}

.langSelect.is-open .langSelect__chevron {
  transform: rotate(180deg); /* vira pra cima */
}
.langSelect__chevron svg {
  display: block;
}

/* menu dropdown */
.langSelect__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  z-index: 50;
  margin-top: 10px;
  padding: 0;
  list-style: none;

  border-radius: 12px;
  background: var(--Gray-100);
  box-shadow: var(--shadow-lg);
  overflow: hidden;

  display: none;
}

.langSelect.is-open .langSelect__menu {
  display: block;
}

/* opções */
.langSelect__option {
  padding: 12px 8px;
  color: var(--Gray-700);
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
}

.langSelect__option:hover {
  background: var(--Pink-100);
}

.langSelect__option.is-selected {
  color: var(--Gray-700);
}

.footer__language {
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: flex-start;
}

@media (max-width: 900px) {
  .footer__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }

  .footer__info, 
  .footer__social {
    width: 100%;
  }

  .langSelect {
    min-width: 100%; 
    max-width: 100%;
  }

  .footer__socialItem {
    word-break: break-all;
    font-size: 0.95rem;
  }
}