/* ===== Treatments ===== */
.treat__head { margin-bottom: 56px; }
.treat__list { max-width: 920px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px; }
.treat__item {
  background: var(--paper); border: 1px solid var(--mist);
  border-radius: var(--r); overflow: hidden;
  transition: border-color .4s var(--ease), box-shadow .4s var(--ease), background .4s var(--ease);
}
.treat__item--open { border-color: rgba(199,163,100,0.5); box-shadow: var(--sh); }
.treat__bar {
  width: 100%; background: none; border: 0; cursor: pointer;
  display: flex; align-items: center; gap: 22px; padding: 26px 28px; text-align: left;
}
.treat__num { font-family: var(--font-display); font-weight: 500; font-size: 16px; color: var(--gold-600); min-width: 26px; }
.treat__titles { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.treat__t { font-family: var(--font-display); font-weight: 600; font-size: clamp(18px,2vw,22px); color: var(--ink); letter-spacing: -0.01em; }
.treat__tag { font-size: 14px; color: var(--t-on-light-muted); }
.treat__toggle {
  flex: none; width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid var(--mist); display: flex; align-items: center; justify-content: center;
  color: var(--ink-soft); transition: all .4s var(--ease);
}
.treat__toggle svg { width: 18px; height: 18px; transition: transform .4s var(--ease); }
.treat__item--open .treat__toggle { background: var(--navy-800); border-color: var(--navy-800); color: #fff; }
.treat__item--open .treat__toggle svg { transform: rotate(135deg); }

.treat__panel { overflow: hidden; transition: max-height .5s var(--ease); }
.treat__panel-in {
  padding: 2px 28px 30px 76px;
  display: grid; grid-template-columns: 1.4fr 1fr; gap: 30px; align-items: start;
}
.treat__desc { color: var(--t-on-light-soft); font-size: 15.5px; line-height: 1.7; }
.treat__forwhom-h { display: block; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold-700); margin-bottom: 10px; }
.treat__forwhom ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.treat__forwhom li { display: flex; align-items: center; gap: 9px; font-size: 14.5px; color: var(--ink-soft); }
.treat__forwhom li svg { width: 14px; height: 14px; color: var(--gold-600); flex: none; }
.treat__link {
  grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 8px;
  font-weight: 600; font-size: 14.5px; color: var(--gold-700); margin-top: 6px; width: fit-content;
  transition: gap .3s var(--ease);
}
.treat__link svg { width: 16px; height: 16px; }
.treat__link:hover { gap: 14px; }

/* migrado de estilos inline */
.treat__title { margin: 18px auto 16px; max-width: 15em; }
.treat__lead { max-width: 40em; margin: 0 auto; }

@media (max-width: 640px) {
  .treat__bar { padding: 20px; gap: 14px; }
  .treat__panel-in { grid-template-columns: 1fr; padding: 2px 20px 26px; gap: 18px; }
}
