/* Serviços — page-local layout (mobile first). Uses only main.css tokens. */

/* Services: sticky heading + image left, numbered list right */
.svc-list__grid { row-gap: var(--s-7); align-items: start; }
.svc-list__head { display: grid; gap: var(--s-5); align-content: start; }
.svc-list__intro { color: var(--fg-2); max-width: 40ch; }
.svc-list__media { margin-top: var(--s-3); }
.svc-list__items > li { align-items: baseline; }
.svc-list__items > li:has(.svc-list__more) { row-gap: var(--s-2); }
.svc-list__more { grid-column: 2; justify-self: start; font-size: var(--fs-body); }
@media (min-width: 640px) {
  .svc-list__items > li:has(.svc-list__more) { grid-template-columns: 3.5rem 1fr auto; }
  .svc-list__more { grid-column: 3; }
}
@media (min-width: 1024px) {
  .svc-list__head { grid-column: 1 / 6; position: sticky; top: calc(var(--header-h) + 48px); }
  .svc-list__items { grid-column: 7 / 13; }
  .svc-list__items > li { padding-block: var(--s-6); font-size: clamp(1.25rem, .9rem + .7vw, 1.625rem); }
}

/* Institutions */
.inst__grid { row-gap: var(--s-7); }
.inst__head { display: grid; gap: var(--s-5); align-content: start; }
.inst__head .lead { color: var(--fg-2); }
.inst__chips { gap: var(--s-3) var(--s-3); }
.inst__chips .chip { gap: 12px; min-height: 60px; padding-block: 10px; line-height: 1.2; }
.inst__n {
  font-family: var(--ff-text); font-variation-settings: normal;
  font-size: var(--fs-eyebrow); font-weight: 600; letter-spacing: .14em; color: var(--cobalt);
  font-variant-numeric: tabular-nums;
}
@media (min-width: 1024px) {
  .inst__head { grid-column: 1 / 6; }
  .inst__chips { grid-column: 6 / 13; align-self: end; }
  .inst__chips .chip { min-height: 68px; padding-inline: 26px; }
}

/* Home-service statement */
.home-visit__grid { row-gap: var(--s-7); align-items: center; }
.home-visit__text { display: grid; gap: var(--s-5); align-content: center; }
.home-visit__title { max-width: 16ch; }
.home-visit__text .lead { color: var(--fg-2); }
.home-visit__media .media { --ar: 4 / 3; }
@media (min-width: 1024px) {
  .home-visit__media { grid-column: 1 / 7; }
  .home-visit__text { grid-column: 8 / 13; }
}