#experiencia .workflow > .workflow-card { padding: 0; }
#experiencia .workflow-open {
  position: relative; width: 100%; height: 100%; padding: 18px;
  border: 0; border-radius: 12px; background: transparent;
  color: #d3e2e7; text-align: left; font: inherit; cursor: pointer;
}
#experiencia .workflow-open > span { font-size: 9px; letter-spacing: 1.3px; color: var(--gold); }
#experiencia .workflow-open b { position: absolute; right: 10px; bottom: 6px; color: var(--gold); }
#experiencia .workflow-open:hover { background: #9dd9e60a; }
#experiencia .workflow-open:focus-visible, :is(#workflow-detail, #user-experience-modal.workflow-dialog) button:focus-visible { outline: 2px solid #e5d29c; outline-offset: 4px; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) {
  box-sizing: border-box; width: min(520px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); margin: auto; padding: 0;
  border: 0; box-shadow: none; background: transparent; color: #d3e2e7; overflow: auto;
}
:is(#workflow-detail, #user-experience-modal.workflow-dialog)::backdrop { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) .workflow-turn { display: grid; transform-style: preserve-3d; transform: rotateY(180deg); }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) .workflow-face {
  grid-area: 1 / 1; min-width: 0; padding: 28px; box-sizing: border-box;
  border: 1px solid #9dd9e650; border-radius: 18px; background: #06212cf5;
  backface-visibility: hidden; -webkit-backface-visibility: hidden;
}
:is(#workflow-detail, #user-experience-modal.workflow-dialog) .workflow-preview { display: flex; flex-direction: column; justify-content: center; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) .workflow-preview p { font-size: 24px; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) .workflow-reverse { transform: rotateY(180deg); }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) .workflow-label { font-size: 10px; letter-spacing: 1.3px; color: #e5d29c; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) h2 { font-size: 26px; font-weight: 400; color: #e5d29c; margin: 16px 0; line-height: 1.2; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) p, :is(#workflow-detail, #user-experience-modal.workflow-dialog) li { font-size: 14px; line-height: 1.65; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) ul { padding-left: 20px; margin: 18px 0 24px; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) li + li { margin-top: 10px; }
:is(#workflow-detail, #user-experience-modal.workflow-dialog) button { background: #193b48; color: #e5d29c; border: 1px solid #78949d; border-radius: 6px; padding: 11px 16px; min-height: 44px; font: inherit; font-size: 13px; cursor: pointer; }

#experiencia .workflow-away { visibility: hidden; }