/* Aplicaciones representadas dentro del Observatorio. Iconos originales, sin filtros. */
.office-window { --office-accent: #185abd; --office-tint: #e9f0fb; }
.office-window[data-office="excel"] { --office-accent: #217346; --office-tint: #e8f2eb; }
.office-titlebar { min-height: 2.6em; gap: .7em; background: #f8fafc; color: #34404b; }
.office-app-icon { display: block; flex: none; width: max(16px, 1.8em); height: max(16px, 1.8em); object-fit: contain; }
.office-app-name { flex: none; font-weight: 650; font-size: .9em; color: var(--office-accent); }
.office-quick { color: #637484; font-size: .8em; white-space: nowrap; padding-left: 1em; }
.office-app-file { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78em; margin-left: 1.5em; color: #5c6872; }
.office-window .work-filebar { display: none; }
.office-ribbon { flex: none; background: #f7f8fa; border-bottom: 1px solid #c9d0d6; min-width: 0; }
.office-tabs { display: flex; gap: 1.4em; align-items: center; overflow: hidden; padding: 0 1em; height: 2.3em; font-size: .78em; color: #46525e; border-bottom: 1px solid #e2e6eb; white-space: nowrap; }
.office-tabs > span { height: 100%; display: inline-flex; align-items: center; flex: none; border-bottom: 2px solid transparent; }
.office-tabs > span:first-child { color: var(--office-accent); }
.office-tabs > .office-tab-active { font-weight: 650; color: var(--office-accent); border-bottom-color: var(--office-accent); }
.office-ribbon-search { margin-left: auto; color: #7b8792; }
.office-groups { display: flex; min-width: 0; gap: .55em; padding: .55em .75em .25em; overflow: hidden; height: 5.8em; font-size: .76em; }
.office-group { display: flex; flex-direction: column; justify-content: space-between; flex: none; min-width: 0; border-right: 1px solid #dce0e5; padding: 0 .8em 0 .2em; }
.office-group:last-child { border-right: 0; }
.office-group-content { display: flex; align-items: start; gap: .8em; height: 3.6em; }
.office-group:has(.office-font) .office-group-content { flex-direction: column; gap: .25em; }
.office-group-name { font: 400 .8em/1.1 var(--f-interfaz); color: #7d8791; text-align: center; margin-top: .3em; }
.office-command { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3em; color: #52616d; max-width: 6.5em; }
.office-command > span { display: block; color: var(--office-accent); font-size: 1.7em; line-height: 1.1; }
.office-command small { font-size: .8em; line-height: 1.2; text-align: center; }
.office-stack { display: flex; flex-direction: column; gap: .15em; font-size: .8em; line-height: 1.4; white-space: nowrap; color: #576772; }
.office-font { display: flex; gap: .3em; white-space: nowrap; }
.office-font > span { display: block; padding: .1em .5em; min-width: 3em; border: 1px solid #c4cbd3; background: #fff; border-radius: .15em; font-size: .9em; }
.office-font > span:first-child { min-width: 8em; }
.office-text-tools, .office-align { display: flex; align-items: center; gap: 1em; font-size: .95em; line-height: 1.2; color: #34424e; white-space: nowrap; }
.office-text-tools > *, .office-align > * { position: relative; }
.office-highlight { color: #dcc92d; font-size: .6em; margin-left: -.6em; }
.office-text-color { border-bottom: 2px solid #bf4d54; }
.office-style { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .2em; padding: .2em .6em; min-width: 5.5em; height: 3.6em; background: #fff; border: 1px solid #d9dfe5; }
.office-style b { font: 500 1.3em Georgia, serif; color: #3c4a58; }
.office-style small { font-size: .75em; color: #78828a; }
.office-window[data-office="excel"] .work-grid-head { background: #edf3ef; }
.office-window[data-office="excel"] .work-sheet-tabs b { color: #217346; border-color: #217346; }
.office-window[data-office="excel"] .work-fx > b { color: #217346; }
.ob-pantalla--zoom .office-titlebar { min-height: 2.8em; }
@container (max-width: 660px) {
  .office-quick, .office-ribbon-search { display: none; }
  .office-app-file { margin-left: .4em; }
  .office-tabs { gap: 1.15em; }
  .office-tabs > span:not(.office-tab-active):not(:first-child):nth-child(n+5) { display: none; }
  .office-group:not([data-essential]) { display: none; }
  .office-groups { gap: .4em; }
}
@container (max-width: 380px) {
  .office-groups { font-size: .7em; gap: .2em; }
  .office-group { padding-right: .55em; }
  .office-text-tools, .office-align { gap: .65em; }
  .office-font > span:first-child { min-width: 6em; }
  .office-titlebar .work-window { display: none; }
}
@container (max-height: 250px) {
  .office-app-file, .office-quick { display: none; }
  .office-groups { height: 3.8em; padding-top: .4em; }
  .office-group-content { height: 2.8em; gap: .5em; }
  .office-group-name, .office-command small, .office-stack { display: none; }
  .office-command > span { font-size: 1.5em; }
  .office-tabs { height: 1.9em; }
  .office-font { font-size: .85em; }
  .office-group:has(.office-font) .office-group-content { gap: .1em; }
}
@media (max-width: 720px) {
  .ob-zoom[data-ancho="completo"] .office-titlebar { min-height: 3em; }
  .ob-zoom[data-ancho="completo"] .office-app-name { font-size: .85em; }
  .ob-zoom[data-ancho="completo"] .office-app-file { font-size: .66em; }
  .ob-zoom[data-ancho="completo"] .office-ribbon { position: relative; }
}