.barrio-account {
  margin-bottom: 32px;
  scroll-margin-top: 95px;
}
.barrio-account-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
}
.barrio-account-header h2 {
  font-size: 38px !important;
  margin: 8px 0 !important;
}
.barrio-account-header p {
  margin: 0;
}
.barrio-tabs {
  padding: 16px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  gap: 9px;
}
.barrio-tabs .chip {
  min-height: 44px;
  font-size: 14px;
  white-space: normal;
}
.barrio-tab-panel {
  padding-top: 8px;
}
.barrio-tab-panel h3 {
  margin: 27px 0 13px;
  font-size: 25px;
}
.barrio-tab-panel h4 {
  margin: 21px 0 10px;
  font-size: 17px;
}
.barrio-list {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}
.barrio-list > li {
  padding: 16px 0;
  border-bottom: 1px solid var(--line);
  overflow-wrap: anywhere;
}
.barrio-list p {
  margin: 6px 0;
}
.barrio-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.barrio-row > div {
  min-width: 0;
  flex: 1;
}
.barrio-row > .btn {
  flex-shrink: 0;
}
.barrio-wallet {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 275px), 1fr));
  gap: 18px;
}
.barrio-membership {
  padding: 23px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: var(--paper);
}
.barrio-membership h3 {
  margin-top: 12px;
}
.barrio-empty {
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 12px;
  line-height: 1.7;
}
.barrio-form {
  max-width: 720px;
  padding: 16px 0;
}
.barrio-preferences {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 15px;
}
.barrio-preferences fieldset {
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 17px;
}
.barrio-preferences legend {
  padding: 0 6px;
  font-weight: 600;
}
.barrio-preferences .check {
  font-size: 14px;
}
.barrio-product-terms {
  font-size: 14px;
  max-width: 620px;
}
.barrio-product-terms ul {
  padding-left: 20px;
  line-height: 1.7;
}
.barrio-product-terms li {
  margin: 10px 0;
}
.barrio-product-terms p {
  margin: 6px 0;
}
.barrio-sync-note {
  font-size: 12px !important;
  border-top: 1px solid var(--line);
  padding-top: 15px;
  margin-top: 22px;
}
.barrio-error {
  color: #9b2440;
}
.barrio-account details {
  margin: 22px 0;
}
.barrio-account summary {
  cursor: pointer;
  font-weight: 600;
  min-height: 44px;
  padding: 10px 0;
}
@media (max-width: 640px) {
  .barrio-account-header {
    align-items: flex-start;
  }
  .barrio-account-header h2 {
    font-size: 31px !important;
  }
  .barrio-row {
    align-items: flex-start;
    flex-direction: column;
  }
  .barrio-row > .btn {
    align-self: flex-start;
  }
  .barrio-tabs .chip {
    flex: 1 1 auto;
  }
  .barrio-account .note {
    padding: 16px;
  }
  .barrio-account .note .check {
    font-size: 14px;
  }
  .barrio-wallet {
    grid-template-columns: 1fr;
  }
}

.barrio-pending{padding:20px;border:1px solid #d8c7e2;border-radius:16px;background:#fbf6ee;margin:16px 0}.barrio-pending .chips{gap:12px}.barrio-account button{min-height:44px}.barrio-account .barrio-row p{overflow-wrap:anywhere}@media(max-width:640px){.barrio-pending{padding:16px}.barrio-pending .btn{width:100%}.barrio-account-header{flex-wrap:wrap}}