/* Estados de Levante Digital: blanco y gris sobre carbon; carbon sobre claro. */
:is(.service,.format-card,.project,.brand-grid a,.resource-list article,.service-selector button) { transition: background-color .2s,color .2s,border-color .2s,transform .2s; }
.service[open], .service-selector button[aria-pressed='true'] { color: var(--ink); background: var(--surface); border-color: var(--ink); }
:is(.work,.project-overview) :is(.format-card.is-selected,.format-card[aria-selected='true']) { background: var(--surface); color: var(--ink); border-color: var(--surface); }
.project.is-selected { border-color: var(--surface); }
.project.is-selected .project-caption { background: var(--surface); color: var(--ink); --muted: #555555; --line: rgb(31 31 31 / .25); --focus-color: var(--ink); }
.service-selector button:active, .format-card:active { transform: scale(.99); }
.brand-grid a.is-selected { outline: 1px solid var(--ink); outline-offset: 0; }
.brand-grid a:last-child:is(:hover,:active,.is-selected) { background: var(--ink-hover); color: var(--paper); }
@media (hover: hover) and (pointer: fine) {
  .service:not([open]):hover, .service-selector button:hover { background: var(--surface); color: var(--ink); }
  :is(.work,.project-overview) .format-card:hover { background: var(--surface); color: var(--ink); border-color: var(--surface); transform: translateY(-2px); }
  .project:hover { border-color: var(--surface); }
  .project:hover .project-caption { background: rgb(255 255 255 / .06); }
  .project.is-selected:hover .project-caption { background: var(--surface); }
  .brand-grid a:hover { background: var(--surface); }
}
@media (prefers-reduced-motion: reduce) {
  :is(.service,.format-card,.project,.brand-grid a,.resource-list article,.service-selector button) { transition: none; transform: none !important; }
}