/* Apenas a apresentação dos destaques muda nesta segunda versão. */
.highlights-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}
.highlights-heading h2 { margin-bottom: 0; }
.highlights-heading .rail-controls { flex-shrink: 0; }
.highlights {
  display: flex;
  align-items: stretch;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding-bottom: 14px;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
}
.highlights > article {
  flex: 0 0 300px;
  min-width: 0;
  scroll-snap-align: start;
  padding: 25px;
}
@media (max-width: 480px) {
  .highlights > article { flex-basis: 285px; }
  .highlights-heading h2 { font-size: 27px; }
}
@media (max-width: 350px) {
  .highlights-heading { align-items: flex-start; flex-direction: column; }
  .highlights > article { flex-basis: calc(100% - 12px); padding: 22px; }
}

/* O ícone de eventos acompanha a cor e o tamanho dos demais ícones. */
.social-circle .platform-icon { width: 20px; height: 20px; color: #000; }
.highlights .service-card-featured > ul { font-size: 15px; color: var(--muted); padding-left: 20px; margin: 0 0 18px; }

/* A área informativa navega; ações e detalhes mantêm interações próprias. */
.highlights > article { position: relative; isolation: isolate; }
.highlight-link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 16px; }
.highlight-link:focus-visible { outline: none; }
.highlight-link:focus-visible::after { outline: 2px solid var(--petrol); outline-offset: -3px; }
.business-pillar .highlight-link:focus-visible::after { outline-color: #9acbd0; }
.highlights .pillar-detail, .highlights .pae-details, .highlights [data-inquiry] { position: relative; z-index: 2; }
.highlights .pae-details { margin: 0 0 18px; border-top: 1px solid #b78465; }
.pae-details summary { cursor: pointer; display: flex; justify-content: space-between; gap: 12px; list-style: none; padding-top: 14px; color: var(--petrol); font-size: 14px; font-weight: 700; }
.pae-details summary::-webkit-details-marker { display: none; }
.pae-details summary span { font-size: 20px; transition: transform .2s; }
.pae-details[open] summary span { transform: rotate(45deg); }
.pae-details > p { margin-top: 16px; }
.pae-details ul { font-size: 15px; color: var(--muted); padding-left: 20px; margin: 0 0 6px; }
.pae-details li + li { margin-top: 7px; }
.resource-card { grid-template-columns: 40px 1fr; }