/* Ventanas de trabajo del Observatorio. Solo interiores; misma ciudad, relojes y controles. */
.tv.work { padding: 0; gap: 0; background: #e6eaee; font: 400 clamp(6.5px, min(3cqh, 1.9cqw), 14px)/1.45 var(--f-interfaz); color: #252c34; }
.work *, .work *::before, .work *::after { box-sizing: border-box; }
.work-titlebar { display: flex; align-items: center; flex: none; min-height: 2em; padding: .3em .8em; gap: 1em; background: #f8fafb; border-bottom: 1px solid #d2d7dc; }
.work-brand { font: 650 1.2em/1 var(--f-identidad); letter-spacing: -.04em; color: #1e6b55; }
.work-app { font-size: .85em; color: #58636d; }
.work-window { margin-left: auto; color: #8c969f; font-size: .8em; white-space: nowrap; letter-spacing: .8em; }
.work-filebar { min-height: 2.3em; padding: .35em .8em; display: flex; align-items: center; gap: .6em; flex: none; background: #fff; border-bottom: 1px solid #dce1e5; }
.work-filebar > b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9em; font-weight: 600; }
.work-file-icon, .work-file-type { flex: none; display: inline-grid; place-items: center; font: 700 .65em/1.2 var(--f-interfaz); color: #526779; border: 1px solid #bdc9d1; border-radius: .15em; width: 2.5em; height: 3em; background: #fff; }
.work-saved { margin-left: auto; white-space: nowrap; color: #87919a; font-size: .7em; }
.work-body { position: relative; display: flex; flex: 1; min-width: 0; min-height: 0; overflow: hidden; }
.work-status { flex: none; display: flex; justify-content: space-between; gap: 1em; border-top: 1px solid #ced7dc; padding: .2em .8em; font-size: .72em; color: #52636b; background: #f7f9fa; }
.work-status span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #1e6b55; }
.work-pointer { position: absolute; z-index: 4; top: var(--py, 35%); left: var(--px, 20%); width: 1.6em; height: 2em; pointer-events: none; transition: top .55s ease, left .55s ease; filter: drop-shadow(0 .12em .15em #0006); }
.work-pointer svg { width: 100%; height: 100%; fill: #fff; stroke: #18252b; stroke-width: 1.3; }
.work-comments { flex: 0 0 27%; min-width: 0; padding: .8em .65em; border-left: 1px solid #d3dbe0; background: #f3f5f7; overflow: hidden; }
.work-comments-h { color: #69757e; font-size: .8em; font-weight: 600; margin-bottom: 1em !important; }
.work-comment { background: #fff; border: 1px solid #d8e0e5; padding: .75em; border-radius: .35em; box-shadow: 0 .2em .5em #1d304609; border-left: .2em solid #1e6b55; font-size: .84em; overflow-wrap: anywhere; }
.work-avatar { float: left; display: inline-grid; place-items: center; width: 1.8em; height: 1.8em; margin-right: .5em; border-radius: 50%; background: #d8efe6; color: #1b6450; font-weight: 700; font-size: .85em; }
.work-comment-by { color: #637078; font-size: .78em; margin-bottom: .65em !important; }
.work-comment > b { display: block; font-weight: 650; line-height: 1.35; }
.work-comment > p:not(.work-comment-by) { margin-top: .5em; }
.work-comment > small { display: block; margin-top: .9em; color: #70818b; font-size: .78em; }
.work-paper { position: relative; background: #fff; border: 1px solid #d5d9dd; box-shadow: 0 .3em .8em #29384515; padding: 1.6em 1.8em; color: #292c32; font-family: Georgia, 'Times New Roman', serif; }
.work-paper h4 { margin: 1.4em 0 1em; font: 700 1.3em/1.3 Georgia, serif; }
.work-paper h5 { margin: 1em 0 .4em; font: 700 1.02em/1.35 Georgia, serif; }
.work-letterhead { display: flex; justify-content: space-between; gap: 1em; padding-bottom: 1em; border-bottom: 2px solid #314a4e; font: 400 .72em/1.5 var(--f-interfaz); letter-spacing: .025em; }
.work-letterhead > b { font-size: 1.12em; font-weight: 650; letter-spacing: .03em; }
.work-letterhead > span { text-align: right; color: #6e7c83; }
.work-partes { font-size: .85em; line-height: 1.6; color: #52616b; }
.work-doc-meta { display: flex; justify-content: space-between; margin: 1.3em 0; padding: .9em 0; border-top: 1px solid #e3e7eb; border-bottom: 1px solid #e3e7eb; font: .75em/1.7 var(--f-interfaz); color: #5d6971; }
.work-doc-meta b { color: #283139; font-weight: 600; }
.work-doc-table { border-collapse: collapse; width: 100%; font-size: .83em; }
.work-doc-table th { text-align: left; padding: .5em; background: #f0f3f4; font: 600 .85em/1.5 var(--f-interfaz); color: #52616c; }
.work-doc-table td { padding: .85em .5em; border-bottom: 1px solid #e3e6e9; vertical-align: top; }
.work-doc-table th:last-child, .work-doc-table td:last-child { text-align: right; white-space: nowrap; }
.work-doc-total { display: flex; align-items: baseline; justify-content: space-between; margin: 1em 0 !important; padding: .7em .2em; font: 500 .9em/1.4 var(--f-interfaz); border-bottom: 2px solid #354d53; }
.work-doc-total strong { font-size: 1.4em; font-weight: 650; }
.work-doc-foot { margin-top: 1.5em !important; font-size: .8em; color: #68757b; }
.work-paper > footer { display: flex; justify-content: space-between; gap: 1em; margin-top: 2em; padding-top: .7em; border-top: 1px solid #e3e7ea; color: #8b959b; font: .65em/1.5 var(--f-interfaz); }
.work-desk { flex: 1; min-width: 0; overflow: hidden; padding: 0 1.4em 1em; background: #dce1e5; }
.work-pdfbar { display: flex; justify-content: space-between; padding: .5em 0; color: #64717b; font-size: .7em; }
.work-files { flex: 0 0 23%; min-width: 0; padding: .75em .5em; background: #f8fafb; border-right: 1px solid #d1d9df; }
.work-side-title { font-size: .72em; color: #71818c; padding: 0 .4em .6em; }
.work .work-file { display: grid; grid-template-columns: 2em minmax(0, 1fr); gap: .2em .6em; padding: .6em .4em; border: 1px solid transparent; border-radius: .2em; background: transparent; box-shadow: none; transform: none; margin-bottom: .3em; }
.work-file > .work-file-type { grid-row: span 2; font-size: .55em; }
.work-file > b { font-size: .72em; overflow-wrap: anywhere; font-weight: 550; }
.work-file > small { grid-column: 2; color: #8b959c; font-size: .6em; }
.work .work-file[data-lectura="leyendo"] { background: #e1edf7; border-color: #9dbbd0; }
.work .work-file .te-sello { position: static; grid-column: 2; justify-self: start; font-size: .6em; border-radius: .2em; padding: 0 .4em; }
.work-file-line { display: none; }
.work .work-links { height: 1em; margin-top: .8em; }
.work .te-pie { font-size: .65em; }
.work[data-work-linea="1"] .work-doc-table tr[data-doc-linea="1"] { background: #dcecf9; }
.work[data-work-linea="3"] .work-doc-table tr[data-doc-linea="3"] { background: #e4f3eb; }
.work-tree { flex: 0 0 18%; min-width: 0; display: flex; flex-direction: column; padding: 1em .7em; gap: .9em; font-size: .75em; background: #f6f8fa; border-right: 1px solid #d3dce2; color: #60727c; }
.work-tree b { color: #3e515d; margin-bottom: .6em; }
.work-tree span:last-child { color: #1e6b55; }
.work-folder { flex: 1; min-width: 0; padding: .6em 1em; overflow: hidden; background: #fff; }
.work-breadcrumb { padding: .5em 0 .8em; color: #667782; font-size: .75em; }
.work-file-columns { padding: .4em 0; border-bottom: 1px solid #dae0e5; font-size: .7em; color: #82909a; }
.work-file-columns span { float: right; }
.work .tx-lista { height: 13em; min-height: 13em; flex: none; }
.work .tx-lista::before { display: none; }
.work .tx-item { height: 4em; top: calc(var(--slot) * 4.25em); display: grid; grid-template-columns: 2em minmax(0, 1fr); grid-template-rows: 1.3em 1em 1.1em; align-content: start; padding: .4em 0; border-bottom: 1px solid #e9edf0; column-gap: .6em; }
.work .tx-item > .work-file-type { grid-row: span 3; margin-top: .3em; }
.work .tx-doc { font-size: .82em; overflow-wrap: anywhere; font-weight: 550; }
.work .tx-hecho { grid-column: 2; font-size: .68em; color: #839098; }
.work .tx-marca { grid-column: 2; grid-row: 3; font-size: .66em; justify-self: start; border-radius: .15em; padding: .05em .3em; }
.work-folder-preview { padding-top: .6em; color: #8a959d; font-size: .8em; }
.work-folder-preview .work-paper { margin-top: .7em; }
.work-extract-doc { flex: 0 0 43%; padding: .6em .8em; overflow: hidden; }
.work-pane-title { padding: .4em .2em .7em; color: #7a8992; font: 500 .72em/1.4 var(--f-interfaz); overflow-wrap: anywhere; }
.work .tt-doc { min-height: 19em; padding: 1.1em; overflow: hidden; border-radius: 0; display: block; }
.work .tt-l { margin: .7em 0; padding: .5em .3em; border-bottom: 1px solid #e4e9ed; font-size: .85em; }
.work .tt-l span { white-space: normal; }
.work-extract-table { flex: 1; min-width: 0; padding: .6em .7em; background: #fff; }
.work .tt-tabla { gap: 0; font-size: .8em; }
.work .tt-cab, .work .tt-fila { grid-template-columns: minmax(0, 1.5fr) auto minmax(0, 1fr) 1em; padding: .6em .4em; gap: .5em; }
.work .tt-cab { background: #edf2f4; }
.work .tt-fila span { white-space: normal; }
.work .tt-fila { border-bottom: 1px solid #dbe4e9; transform: none; }
.work-extract-table .work-comments { margin-top: 1.5em; padding: .7em; border: 0; }
.work-calc .work-body { background: #fff; }
.work-calc-main { flex: 1; min-width: 0; overflow: hidden; }
.work-ribbon { display: flex; align-items: center; gap: 1.6em; padding: .55em 1em; font-size: .74em; background: #eef3f4; color: #52666d; border-bottom: 1px solid #dae1e5; flex: none; }
.work-ribbon b { color: #1e6b55; border-bottom: 2px solid #1e6b55; }
.work .work-fx { min-height: 2.5em; padding: .4em .6em; gap: .65em; font-size: .8em; border-bottom: 1px solid #ced9df; background: #fff; }
.work-fx > b { padding: 0 1.3em 0 .2em; border-right: 1px solid #d3dce1; font: 600 .85em/1.7 var(--f-interfaz); }
.work-fx > span { color: #87979f; }
.work-grid-head, .work-grid-label, .work .tc-fila { display: grid; grid-template-columns: 1.6em minmax(0, 1.4fr) minmax(0, .7fr) minmax(0, 1.15fr); gap: 0; padding: 0; margin: 0; border-radius: 0; border: 0; }
.work-grid-head { background: #edf2f5; text-align: center; font-size: .7em; color: #71848e; }
.work-grid-head > *, .work-grid-label > *, .work .tc-fila > * { padding: .55em .45em; border-right: 1px solid #dce4e9; border-bottom: 1px solid #dce4e9; min-width: 0; }
.work-grid-label { font-size: .72em; background: #f5f8f9; color: #667c86; }
.work .tc-hoja { gap: 0; padding: 0; background: #fff; border: 0; border-radius: 0; }
.work .tc-fila { font-size: .78em; transform: none; }
.work .tc-ref { background: #edf2f5; color: #82949e; text-align: center; }
.work .tc-i { text-align: right; background: #f6faf8; font-weight: 600; font-variant-numeric: tabular-nums; }
.work .tc-c, .work .tc-f { white-space: normal; }
.work .tc-f { font-size: .78em; color: #68819a; }
.work .tc-fila[data-leyendo="si"] { background: #e4eff9; box-shadow: inset 0 0 0 1px #87abc8; }
.work .tc-total, .work .tc-saldo { min-height: 2em; margin: 0; border-radius: 0; padding: .6em .7em; font-size: .85em; background: #f6f8fa; border-bottom: 1px solid #d8e1e6; }
.work .tc-saldo { background: #e4f2eb; outline: 2px solid #318569; outline-offset: -2px; }
.work .tc-saldo b { font-size: 1.3em; }
.work .tc-saldo em { margin-left: auto; font-size: .7em; }
.work-warning { margin: .8em !important; padding: .65em .8em; background: #fff5d9; border-left: .2em solid #cbab50; color: #7c6532; font-size: .75em; }
.work-sheet-tabs { padding: .8em; display: flex; gap: 1.6em; color: #8798a1; font-size: .7em; }
.work-sheet-tabs b { color: #1e6b55; border-bottom: 2px solid #1e6b55; }
.work-source-main { flex: 1; min-width: 0; overflow: hidden; padding: .7em 1.2em; background: #fff; }
.work-address { background: #f1f4f6; border: 1px solid #dbe2e7; border-radius: .4em; padding: .5em .7em; color: #6a7985; font: .65em/1.5 monospace; overflow-wrap: anywhere; }
.work-source-brand { display: flex; align-items: center; justify-content: space-between; gap: 1em; border-bottom: 1px solid #e1e5e8; padding: .9em 0; }
.work-boe { display: block; flex: none; }
.work-boe img { width: 18em; height: auto; max-width: 100%; object-fit: contain; object-position: left; }
.work-source-brand > span { font-size: .63em; color: #87919a; max-width: 18em; }
.work .work-search { margin: .9em 0; padding: .55em .75em; font-size: .8em; border: 1px solid #c2d0da; border-radius: .3em; background: #fff; box-shadow: 0 .15em .4em #283f4f0a; }
.work .tn-res { display: block; }
.work .tn-art { padding: 1em 0; border: 0; border-bottom: 1px solid #e2e7eb; border-radius: 0; background: #fff; transform: none; }
.work-source-kicker { color: #7b8790; font-size: .7em; }
.work-source h4 { margin: .4em 0; color: #274c68; font: 600 1em/1.4 var(--f-interfaz); }
.work-source-extract { font: .85em/1.7 Georgia, serif; }
.work .tn-pin { position: static; display: inline-block; margin: .5em .8em .4em 0; font-size: .65em; padding: .2em .5em; }
.work-source a:not(.work-boe) { color: #35628a; font-size: .65em; display: inline-block; }
.work-source small { display: block; color: #8b959d; font-size: .65em; }
.work .tn-ficha { display: flex; flex-direction: column; align-items: start; gap: .4em; border: 0; font-size: .65em; margin-top: 1em; padding: .6em 0; }
.work-compare-main { flex: 1; min-width: 0; overflow: hidden; padding: .8em 1em; }
.work .tk-alerta { margin: 0 0 .8em; font-size: .85em; }
.work .tk-comparacion { display: block; border: 0; background: transparent; padding: 0; }
.work .tk-comp-cab { font-size: .75em; margin-bottom: .7em; }
.work .tk-docs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1em; }
.work .tk-doc { border-radius: 0; padding: 1.3em; font-size: .8em; min-height: 21em; }
.work .tk-doc-et { background: #f2f5f7; padding: .3em .4em; margin: -1.3em -1.3em 1.4em; border-bottom: 1px solid #dbe2e7; font: .8em/1.5 var(--f-interfaz); }
.work .tk-cl { line-height: 1.8; margin: 1.4em 0; }
.work .tk-cl--dif { border-left: .2em solid #d58e50; padding-left: .6em; }
.work .tk-cl del { color: #a3474c; background: #fce9e8; text-decoration-thickness: 1px; }
.work .tk-cl ins { color: #22684f; background: #dcefe4; text-decoration: none; border-bottom: 1px solid #5c9c7d; }
.work .tk-expl { margin: 1em 0; font-size: .8em; }
.work .tk-accion { flex-wrap: wrap; font-size: .8em; }
.work-evidence { display: none; }
.work .tk-nota { color: #82919b; font-size: .65em; }
.work-format { display: flex; gap: 1.2em; padding: .6em 1em; font-size: .75em; border-bottom: 1px solid #d9e0e5; background: #fff; color: #5c6d78; flex: none; }
.work-document-scroll { flex: 1; min-width: 0; min-height: 0; overflow: hidden; padding: 1.2em 1.6em; background: #dfe4e8; }
.work .tb-hoja { flex: none; min-height: calc(100% - .5em); padding: 1.6em 2em; border-radius: 0; font-size: .92em; transform: translateY(var(--y, 0px)); }
.work .tb-sec { margin-top: 1.2em; }
.work .tb-p { font: 400 1em/1.8 Georgia, serif; }
.work .tb-ver { color: #8a939b; font: .7em/1.5 var(--f-interfaz); }
.work .tb-h { font-family: Georgia, serif; }
.work .tb-nota { margin-top: 1.5em; font-size: .75em; }
.work .tr-hoja { width: auto; max-height: none; flex: none; border-radius: 0; padding: 1.6em 2em; font-size: .92em; }
.work .tr-sec { margin: 1em 0; padding: .2em .4em .5em; line-height: 1.8; border-left: .15em solid transparent; }
.work .tr-sec[data-estado="revisando"] { border-left-color: #cba95c; background: #fff8de; }
.work .tr-sec[data-estado="revisada"] { border-left-color: #82ae9b; background: #f3f8f5; }
.work-review-notes { flex: 0 0 28%; min-width: 0; overflow: hidden; background: #f3f5f7; border-left: 1px solid #d1dce3; }
.work-review-notes .work-comments { padding-bottom: 0; border: 0; }
.work .tr-capas { display: flex; flex-direction: column; gap: .8em; width: auto; padding: .8em .65em; min-width: 0; font-size: .75em; }
.work .tr-capas li { display: block; padding: .8em; border: 1px solid #d9e1e6; border-radius: .3em; background: #fff; }
.work .tr-capas li > p { clear: both; margin-top: .7em; color: #7a8892; font-size: .85em; }
.work .tr-capas li[data-estado="revisando"] { border-color: #c6ac5b; box-shadow: -.2em 0 #c6ac5b; }
.work .tr-capas li[data-estado="revisada"] { border-color: #8ab8a3; }
.work .tr-queda { font-size: .7em; margin: .8em; padding: .7em; }
.work-delivery-files { flex: 1; min-width: 0; padding: .7em 1em; background: #fff; overflow: hidden; }
.work .tg-piezas { gap: 0; font-size: .78em; }
.work .tg-piezas li { padding: .7em .4em; gap: .8em; border: 0; border-bottom: 1px solid #e0e6ea; border-radius: 0; transform: none; }
.work .tg-piezas li small { display: block; color: #8a98a2; font-size: .72em; margin-top: .15em; }
.work .tg-piezas li b { font-weight: 550; }
.work-file-check { margin-left: auto; color: #1e6b55; opacity: 0; }
.work .tg-piezas li[data-estado="dentro"] { background: #f5faf7; }
.work .tg-piezas li[data-estado="dentro"] .work-file-check { opacity: 1; }
.work .work-package { position: static; transform: none; width: auto; height: auto; min-height: 0; border-radius: .3em; padding: .7em .8em; margin: .8em 0; display: flex; justify-content: space-between; gap: .6em; background: #f3f6f8; border: 1px solid #d8e1e7; font-size: .7em; color: #73838d; }
.work .work-package::before, .work .work-package::after { display: none; }
.work .tg-sello { padding: .4em 0; font-size: .85em; }
.work .tg-nota { font-size: .7em; color: #82909a; }

/* El visor permite leer todo el documento y desplazarse, manteniendo un solo estado de la tarea. */
.ob-pantalla--zoom .tv.work { font-size: 14px; overflow: hidden; overscroll-behavior: contain; }
.ob-pantalla--zoom .work-body { flex: 1; min-height: 0; overflow: hidden; }
.ob-pantalla--zoom .work-document-scroll { overflow-y: auto; min-height: 0; }
.ob-pantalla--zoom .work-source-main { overflow-y: auto; }
.ob-pantalla--zoom .work-compare-main { overflow-y: auto; }
.ob-pantalla--zoom .work .work-evidence { display: block; margin: 2em 0; }
.ob-pantalla--zoom .work-folder-preview { max-width: 37em; }
.ob-pantalla--zoom .work-boe img { width: 22em; height: auto; max-width: 100%; }
.ob-pantalla--zoom .work-source-brand { margin-bottom: .5em; }
.ob-pantalla--zoom .work-comments { overflow-y: auto; }
.ob-pantalla--zoom .work-status { position: sticky; bottom: 0; }
.ob-pantalla--zoom .work-titlebar { position: sticky; top: 0; z-index: 5; }
.ob-pantalla--zoom .work-files { flex-basis: 24%; }
.ob-pantalla--zoom .work-desk { overflow-y: auto; }
.ob-pantalla--zoom .work .work-pointer { position: absolute; }
.ob-pantalla--zoom .work .tb-hoja { transform: none; }

@media (max-width: 720px) {
  .ob-zoom[data-ancho="completo"] .tv.work { padding: 0; gap: 0; font-size: 13px; overflow-y: auto; }
  .ob-zoom[data-ancho="completo"] .work-body { display: flex; flex-direction: column; flex: none; min-height: 0; overflow: visible; }
  .ob-zoom[data-ancho="completo"] .work-comments, .ob-zoom[data-ancho="completo"] .work-review-notes { flex: none; width: auto; border-left: 0; border-top: 1px solid #d5dfe6; overflow: visible; }
  .ob-zoom[data-ancho="completo"] .work-files { display: grid; grid-template-columns: 1fr; gap: .3em; flex: none; padding: .5em; }
  .ob-zoom[data-ancho="completo"] .work .te-doc { grid-template-columns: 2em minmax(0,1fr); grid-template-rows: auto; height: auto; }
  .ob-zoom[data-ancho="completo"] .work-side-title { grid-column: 1/-1; }
  .ob-zoom[data-ancho="completo"] .work-links { display: none; }
  .ob-zoom[data-ancho="completo"] .work-tree { display: none; }
  .ob-zoom[data-ancho="completo"] .work-paper { padding: 1.2em; }
  .ob-zoom[data-ancho="completo"] .work-desk { padding: .5em .8em 1em; }
  .ob-zoom[data-ancho="completo"] .work-extract-doc, .ob-zoom[data-ancho="completo"] .work-extract-table { flex: none; overflow: visible; padding: .7em; }
  .ob-zoom[data-ancho="completo"] .work .tc-fila { display: grid; grid-template-areas: none; grid-template-columns: 1.3em minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr); font-size: .75em; }
  .ob-zoom[data-ancho="completo"] .work .tc-fila > * { grid-area: auto; }
  .ob-zoom[data-ancho="completo"] .work .tc-saldo { flex-wrap: wrap; }
  .ob-zoom[data-ancho="completo"] .work .tk-docs { grid-template-columns: 1fr; }
  .ob-zoom[data-ancho="completo"] .work-document-scroll { overflow: visible; flex: none; min-height: 0; padding: .8em; }
  .ob-zoom[data-ancho="completo"] .work .tb-hoja { padding: 1.2em; transform: none; }
  .ob-zoom[data-ancho="completo"] .work .tr-hoja { max-height: none; padding: 1.2em; }
  .ob-zoom[data-ancho="completo"] .work-ribbon, .ob-zoom[data-ancho="completo"] .work-format { gap: 1.1em; }
  .ob-zoom[data-ancho="completo"] .work-saved { display: none; }
  .ob-zoom[data-ancho="completo"] .work .tk-expl div { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) { .work-pointer { display: none; } .work * { transition: none !important; animation: none !important; } }
.ob-sala[data-pausa="si"] .work-pointer { transition: none; }

.ob-pantalla--zoom .work-folder, .ob-pantalla--zoom .work-delivery-files, .ob-pantalla--zoom .work-calc-main, .ob-pantalla--zoom .work-extract-doc, .ob-pantalla--zoom .work-extract-table, .ob-pantalla--zoom .work-review-notes { overflow-y: auto; }
@media(max-width:720px) { .ob-zoom[data-ancho="completo"] .work-folder, .ob-zoom[data-ancho="completo"] .work-delivery-files, .ob-zoom[data-ancho="completo"] .work-calc-main, .ob-zoom[data-ancho="completo"] .work-source-main, .ob-zoom[data-ancho="completo"] .work-compare-main { overflow: visible; } }

@media(max-width:720px) { .ob-zoom[data-ancho="completo"] .work-source-brand { display: block; } .ob-zoom[data-ancho="completo"] .work-source-brand > span { display:block; max-width:none; margin-top:.8em; } .ob-zoom[data-ancho="completo"] .work-boe img { width: 100%; max-width: 24em; } }

.ob-pantalla--zoom .work-fx { position:sticky; top:0; z-index:2; }
@media(max-width:720px) {
  .ob-zoom[data-ancho="completo"] .work-files { display:block; flex:none; min-height:0; padding:.5em; }
  .ob-zoom[data-ancho="completo"] .work .work-file { display:flex; align-items:center; min-height:0; margin:0; padding:.25em .4em; gap:.6em; }
  .ob-zoom[data-ancho="completo"] .work-file > b { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.72em; }
  .ob-zoom[data-ancho="completo"] .work .work-file > .work-file-type { height:2em; font-size:.5em; }
  .ob-zoom[data-ancho="completo"] .work-file > small, .ob-zoom[data-ancho="completo"] .work-file > .te-sello { display:none; }
}