/* Refinamiento aislado: no modifica header, marcas ni contacto. */
@layer showcase-polish {
  .studio-digital .sd-card {
    box-shadow: inset 0 1px 0 #ffffffb3, 0 1px 3px #22221605;
    outline: 1px solid #22221606;
    outline-offset: -1px;
  }
  .studio-digital .sd-channel {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #fff9;
    border-color: #2222160d;
  }
  .sd-channel::before { content: ''; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; }
  .sd-channel-meta::before { background: #0081fb; }
  .sd-channel-google::before { background: #4285f4; box-shadow: 2px 2px 0 #34a853, -1px 2px 0 #fbbc04; }
  .sd-social-scene .sd-spark { right: 45%; bottom: -8px; }
  .studio-digital :is(.sd-phone, .sd-browser, .sd-post, .sd-data-card, .sd-project-card, .sd-message) {
    transition: translate .7s cubic-bezier(.22,1,.36,1);
  }
  .editorial-process .editorial-title { font-family: var(--font); font-weight: 500; letter-spacing: -.065em; line-height: 1.08; }
  .process-summary { margin-top: 1.6rem; color: var(--brand-deep); font-size: .82rem; line-height: 1.8; }
  .process-signature { display: inline-flex; align-items: center; gap: .55rem; margin-top: 2rem; font-size: .52rem; letter-spacing: .07em; }
  .process-signature i { width: 6px; height: 6px; border-radius: 50%; background: var(--brand); }
  .editorial-process-list { display: grid; gap: .75rem; }
  .editorial-process-list li {
    position: relative;
    grid-template-columns: 2.5rem minmax(0,1fr);
    padding: 1.6rem 4rem 1.6rem 1.5rem;
    border: 1px solid #2222160b;
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--neutral-surface) 75%, var(--surface));
    box-shadow: inset 0 1px 0 #ffffffb3;
    transition: background-color .3s, translate .5s cubic-bezier(.22,1,.36,1);
  }
  .editorial-process-list h3 { font: 500 clamp(1.3rem,2vw,1.7rem)/1.2 var(--font); letter-spacing: -.055em; }
  .editorial-process-list p { color: var(--brand-deep); line-height: 1.65; }
  .editorial-process-list li > .process-number { display: grid; place-items: center; width: 28px; height: 28px; padding: 0; border-radius: 50%; background: var(--surface); color: var(--brand-deep); font-size: .6rem; }
  .editorial-process-list li > .process-deliverable { grid-column: 2; font-size: .56rem; line-height: 1.7; padding-top: .4rem; color: var(--brand-deep); }
  .process-icon { position: absolute; top: 1.6rem; right: 1.4rem; width: 26px; height: 26px; fill: none; stroke: var(--brand-deep); stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
}
@layer showcase-polish {
  @media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .sd-card:is(:hover,:focus-within) :is(.sd-phone,.sd-data-card) { translate: 0 -4px; }
    .sd-card:is(:hover,:focus-within) :is(.sd-browser,.sd-post,.sd-project-card,.sd-message) { translate: 0 -7px; }
    .editorial-process-list li:hover { translate: 3px 0; background-color: var(--neutral-surface); }
  }
  @media (max-width: 500px) {
    .editorial-process-list li { padding: 1.3rem 3rem 1.3rem 1rem; column-gap: .5rem; }
    .process-icon { right: 1rem; top: 1.3rem; width: 22px; height: 22px; }
    .editorial-process-list li > .process-deliverable { font-size: .52rem; }
  }
  @media (prefers-reduced-motion: reduce) {
    .studio-digital :is(.sd-phone,.sd-browser,.sd-post,.sd-data-card,.sd-project-card,.sd-message), .editorial-process-list li { transition: none; }
  }
}