body { margin: 0; padding: 0; overflow: hidden; background-color: #f0f0f0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; touch-action: none; }
#app-imprimible-contenedor { display: flex; flex-direction: column; height: calc(100vh - 70px); }
#app-imprimible-toolbar { background-color: #e0e0e0; padding: 5px 10px; border-bottom: 1px solid #ccc; display: flex; gap: 10px; z-index: 100; align-items: center; }
.app-imprimible-toolbar-section { display: flex; gap: 10px; align-items: center; }
.app-imprimible-toolbar-right { margin-left: auto; }
.app-imprimible-boton { padding: 4px 6px; cursor: pointer; border: 1px solid #ccc; border-radius: 3px; background: white; display: flex; align-items: center; gap: 5px; }
.app-imprimible-boton i { font-size: 14px; }
.app-imprimible-boton-activo { background-color: #0078d7; color: white; border-color: #005a9e; }
.app-imprimible-regla-contenedor { display: flex; background-color: #f3f3f3; border-bottom: 1px solid #ccc; height: 25px; position: relative; }
.app-imprimible-regla-vertical { width: 25px; background-color: #f3f3f3; border-right: 1px solid #ccc; }
.app-imprimible-regla-horizontal { flex: 1; position: relative; overflow: hidden; }
.app-imprimible-regla-marca { position: absolute; font-size: 10px; color: #555; }
.app-imprimible-regla-horizontal .app-imprimible-regla-marca { top: 2px; transform: translateX(-50%); }
.app-imprimible-regla-vertical .app-imprimible-regla-marca { left: 2px; transform: translateY(-50%); writing-mode: vertical-rl; }
#app-imprimible-area-trabajo-contenedor { display: flex; flex: 1; overflow: hidden; position: relative; }
#app-imprimible-area-trabajo { flex: 1; overflow: auto; background-color: #f5f5f5; position: relative; }
#app-imprimible-documento-contenedor { display: none; position: absolute; transform-origin: 0 0; }
#app-imprimible-pagina { width: 794px; height: auto; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 50px auto; position: relative; padding: 10px; box-sizing: content-box; }
#app-imprimible-pagina-cabecera { top: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.9); padding: 8px 15px; display: flex; justify-content: right; border-bottom: 1px solid #ddd; background-color: #fff; }
#app-imprimible-pagina-titulo { font-weight: bold; margin-right: 10px; }
#app-imprimible-pagina-medida { color: #666; font-size: 0.9em; }
#app-imprimible-cuadricula { position: absolute; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(0, 120, 215, 0.1) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 120, 215, 0.1) 1px, transparent 1px); background-size: 20px 20px; display: none; pointer-events: none; margin-top: -70px; z-index: 1; }
.app-imprimible-elemento { cursor: move; }
.app-imprimible-guia { position: absolute; z-index: 40; pointer-events: auto; background-color: #00B0F0; }
.app-imprimible-guia-horizontal { height: 1px; width: 100%; cursor: row-resize; }
.app-imprimible-guia-vertical { width: 1px; height: 100%; cursor: col-resize; }
.app-imprimible-guia-activa { background-color: #FF5722; }
body.app-imprimible-arrastrando { cursor: grabbing; }
.app-imprimible-regla-arrastrable { cursor: crosshair; }
.app-imprimible-controles-flotantes { position: absolute; z-index: 100; }
#app-imprimible-controles-zoom { right: 20px; bottom: 20px; display: flex; gap: 5px; background: white; padding: 5px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#app-imprimible-controles-zoom .app-imprimible-boton { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0; }
#app-imprimible-controles-vista { top: 35px; right: 20px; display: flex; gap: 5px; background: white; padding: 5px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#app-imprimible-controles-gestion { top: 35px; left: 45px; display: flex; gap: 5px; background: white; padding: 5px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#app-imprimible-controles-color { bottom: 20px; left: 45px; display: flex; gap: 5px; background: white; padding: 5px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
#app-imprimible-alternar-vista-previa { position: absolute; top: 35px; left: 50%; transform: translateX(-50%); background: white; padding: 5px 10px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2); display: flex; align-items: center; gap: 5px; }
.app-imprimible-interruptor { position: relative; display: inline-block; width: 40px; height: 20px; }
.app-imprimible-interruptor input { opacity: 0; width: 0; height: 0; }
.app-imprimible-control-deslizante { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 20px; }
.app-imprimible-control-deslizante:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .app-imprimible-control-deslizante { background-color: #0078d7; }
input:checked + .app-imprimible-control-deslizante:before { transform: translateX(20px); }
.app-imprimible-panel { position: absolute; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 200; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; resize: both; overflow: auto; min-width: 200px; min-height: 150px; }
.app-imprimible-panel-cabecera { background-color: #e0e0e0; padding: 8px 10px; border-bottom: 1px solid #ccc; cursor: move; display: flex; justify-content: space-between; align-items: center; user-select: none; }
.app-imprimible-panel-titulo { font-weight: bold; font-size: 14px; }
.app-imprimible-panel-cerrar { cursor: pointer; font-size: 14px; color: #666; padding: 5px; }
.app-imprimible-panel-cerrar:hover { background-color: #ddd; border-radius: 3px; }
.app-imprimible-panel-contenido { padding: 10px 10px 0px 10px; overflow-y: auto; height: calc(100% - 70px); }
.app-imprimible-grupo-capas { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.app-imprimible-grupo-cabecera { background-color: #e0e0e0; padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.app-imprimible-grupo-titulo { font-weight: bold; font-size: 13px; display: flex; align-items: center; gap: 5px; }
.app-imprimible-grupo-icono { font-size: 12px; transition: transform 0.2s; }
.app-imprimible-grupo-acciones { display: flex; gap: 5px; }
.app-imprimible-grupo-accion { cursor: pointer; color: #666; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 3px; }
.app-imprimible-grupo-accion:hover { color: #0078d7; background-color: #e0e0e0; }
.app-imprimible-grupo-contenido { display: none; background-color: white; }
.app-imprimible-grupo-contenido.expandido { display: block; }
.app-imprimible-elemento-capa { display: flex; align-items: center; padding: 8px 10px; margin: 0; background-color: white; font-size: 12px; border-bottom: 1px solid #eee; }
.app-imprimible-elemento-capa:last-child { border-bottom: none; }
.app-imprimible-nombre-capa { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 5px; }
.app-imprimible-acciones-capa { display: flex; gap: 3px; }
.app-imprimible-accion-capa { cursor: pointer; color: #666; font-size: 12px; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border-radius: 3px; }
.app-imprimible-accion-capa:hover { color: #0078d7; background-color: #e0e0e0; }
.app-imprimible-pestanas-galeria { display: flex; border-bottom: 1px solid #ccc; background-color: #e0e0e0; }
.app-imprimible-pestana-galeria { padding: 8px 15px; cursor: pointer; font-size: 13px; border-right: 1px solid #ccc; }
.app-imprimible-pestana-galeria.activa { background-color: #f5f5f5; border-bottom: 1px solid #f5f5f5; margin-bottom: -1px; font-weight: bold; }
.app-imprimible-contenido-pestana { display: none; }
.app-imprimible-contenido-pestana.activa { display: block; }
.app-imprimible-busqueda-tematica { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; }
.app-imprimible-categoria-tematica { margin-bottom: 15px; }
.app-imprimible-titulo-categoria { font-weight: bold; font-size: 13px; margin-bottom: 8px; display: flex; align-items: center; cursor: pointer; padding: 5px; background-color: #e0e0e0; border-radius: 4px; }
.app-imprimible-icono-categoria { font-size: 12px; margin-right: 5px; transition: transform 0.2s; }
.app-imprimible-imagenes-categoria { display: none; flex-wrap: wrap; gap: 1px; max-height: 105px; overflow: auto; }
.app-imprimible-imagenes-categoria.expandido { display: flex; }
.app-imprimible-imagen-galeria { width: 52px; height: 52px; background-color: #ddd; border-radius: 4px; position: relative; overflow: hidden; cursor: pointer; display: inline-block; margin-right: 3px; }
.app-imprimible-imagen-galeria img, #app-imprimible-kit-recurso-patron .app-imprimible-imagen-galeria img { width: 100%; height: 100%; object-fit: cover; }
.app-imprimible-boton-agregar-imagen { position: absolute; bottom: 5px; right: 5px; width: 20px; height: 20px; background-color: #0078d7; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer; }
.app-imprimible-area-subida { border: 2px dashed #ccc; border-radius: 4px; padding: 20px; text-align: center; margin-bottom: 15px; cursor: pointer; }
.app-imprimible-area-subida:hover { border-color: #0078d7; }
.app-imprimible-area-subida i { font-size: 24px; color: #0078d7; margin-bottom: 8px; }
.app-imprimible-area-subida p { margin: 0; font-size: 13px; color: #666; }
.app-imprimible-imagenes-subidas { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 10px; }
.app-imprimible-imagen-subida { position: relative; }
.app-imprimible-boton-eliminar-imagen { position: absolute; top: 5px; right: 5px; width: 18px; height: 18px; background-color: #ff4444; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 10px; cursor: pointer; }
.app-imprimible-seccion-propiedad { margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; }
.app-imprimible-cabecera-seccion { background-color: #e0e0e0; padding: 8px 10px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.app-imprimible-titulo-seccion { font-weight: bold; font-size: 13px; }
.app-imprimible-contenido-seccion { display: none; padding: 10px; background-color: white; }
.app-imprimible-contenido-seccion.expandido { display: block; }
.app-imprimible-fila-propiedad { display: flex; align-items: center; margin-bottom: 8px; }
.app-imprimible-etiqueta-propiedad { width: 80px; font-size: 12px; color: #666; }
.app-imprimible-control-propiedad { flex: 1; display: flex; align-items: center; }
.app-imprimible-control-propiedad input[type="text"], .app-imprimible-control-propiedad input[type="number"], .app-imprimible-control-propiedad select { width: 100%; padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; }
.app-imprimible-control-propiedad input[type="range"] { flex: 1; margin: 0 10px; }
.app-imprimible-valor-propiedad { width: 40px; text-align: center; font-size: 12px; }
.app-imprimible-boton-bloqueo { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px; margin-left: 5px; cursor: pointer; background-color: white; }
.app-imprimible-boton-bloqueo.bloqueado { background-color: #0078d7; color: white; border-color: #005a9e; }
.app-imprimible-vista-previa-color { width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 3px; margin-right: 5px; cursor: pointer; }
.app-imprimible-toolbar-editor { display: flex; gap: 5px; margin-bottom: 10px; flex-wrap: wrap; }
.app-imprimible-selector-color { width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; padding: 0; margin: 0; background: white; }
.app-imprimible-boton-editor { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; background-color: white; }
.app-imprimible-boton-editor.activo { background-color: #0078d7; color: white; border-color: #005a9e; }
.app-imprimible-contenido-editor { min-height: 100px; border: 1px solid #ccc; border-radius: 3px; padding: 10px; font-size: 14px; outline: none; }
.app-imprimible-botones-alineacion { display: flex; gap: 5px; }
.app-imprimible-boton-alineacion { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 3px; cursor: pointer; background-color: white; }
.app-imprimible-boton-alineacion.activo { background-color: #0078d7; color: white; border-color: #005a9e; }
.app-imprimible-pestanas { display: flex; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.app-imprimible-pestana { padding: 5px 10px; cursor: pointer; font-size: 12px; border: 1px solid transparent; border-bottom: none; border-radius: 3px 3px 0 0; }
.app-imprimible-pestana.activa { border-color: #ccc; border-bottom-color: white; background-color: white; font-weight: bold; }
.app-imprimible-contenedor-contenido-pestana { display: none; }
.app-imprimible-contenedor-contenido-pestana.activa { display: block; }
.app-imprimible-cuadricula-color { display: flex; flex-wrap: wrap; gap: 5px; }
.app-imprimible-cuadrado-color { width: 20px; height: 20px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; }
.app-imprimible-cuadrado-color:hover { border-color: #0078d7; transform: scale(1.1); }
.app-imprimible-cuadricula-diseno { display: inline-block; }
.app-imprimible-elemento-diseno { width: 100px; height: 100px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; display: inline-block; align-items: center; justify-content: center; font-size: 12px; text-align: center; padding: 5px; box-sizing: border-box; display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; vertical-align: top; line-height: 90px; }
.app-imprimible-elemento-diseno:hover { border-color: #0078d7; box-shadow: 0 0 5px rgba(0, 120, 215, 0.5); }
.app-imprimible-busqueda-tema { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.app-imprimible-filtros-tema { display: flex; gap: 5px; margin-bottom: 10px; flex-wrap: wrap; }
.app-imprimible-filtro-tema { padding: 5px 10px; font-size: 12px; border: 1px solid #ccc; border-radius: 3px; background-color: white; cursor: pointer; }
.app-imprimible-filtro-tema.activo { background-color: #0078d7; color: white; border-color: #005a9e; }
.app-imprimible-cuadricula-tema { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 10px; height: calc(100% - 100px); overflow: auto; }
.app-imprimible-elemento-tema { height: 120px; border-radius: 4px; cursor: pointer; position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; }
.app-imprimible-elemento-tema img { width: 100%; }
.app-imprimible-elemento-tema:hover { box-shadow: 0 0 5px rgba(0, 120, 215, 0.5); }
.app-imprimible-titulo-tema { position: absolute; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.7); color: white; padding: 5px; font-size: 12px; text-align: center; }
.app-imprimible-busqueda-abrir { width: 100%; padding: 8px; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; }
.app-imprimible-tabla-archivos { width: 100%; border-collapse: collapse; font-size: 12px; }
.app-imprimible-tabla-archivos th, .app-imprimible-tabla-archivos td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
.app-imprimible-tabla-archivos th { background-color: #e0e0e0; font-weight: bold; cursor: pointer; }
.app-imprimible-tabla-archivos tr:hover { background-color: #f5f5f5; }
.app-imprimible-accion-archivo { padding: 3px 0px; cursor: pointer; color: #666; }
.app-imprimible-accion-archivo:hover { color: #0078d7; }
.app-imprimible-paginacion { display: flex; justify-content: center; gap: 5px; margin-top: 10px; }
.app-imprimible-boton-pagina { padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; background-color: white; cursor: pointer; }
.app-imprimible-boton-pagina.activo { background-color: #0078d7; color: white; border-color: #005a9e; }
.app-imprimible-overlay-popup { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; display: flex; align-items: center; justify-content: center; }
.app-imprimible-contenido-popup { background-color: white; padding: 20px; border-radius: 5px; width: 300px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); }
.app-imprimible-contenido-popup-imprimible { background-color: white; padding: 20px; border-radius: 5px; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); max-width: 840px; position: relative; }
.app-imprimible-contenido-popup-imprimible-interno { background-color: white; border-radius: 5px; width: 100%; max-width: 840px; box-sizing: border-box; }
.app-imprimible-titulo-popup { font-weight: bold; margin-bottom: 15px; font-size: 16px; }
.app-imprimible-entrada-popup { width: 100%; padding: 8px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; }
.app-imprimible-botones-popup { display: flex; justify-content: flex-end; gap: 10px; }
.app-imprimible-boton-popup { padding: 5px 15px; border-radius: 3px; cursor: pointer; }
.app-imprimible-cancelar-popup { background-color: #f0f0f0; border: 1px solid #ccc; }
.app-imprimible-confirmar-popup { background-color: #0078d7; color: white; border: 1px solid #005a9e; }
.app-imprimible-caja-agregar { width: 200px; height: 200px; border: 2px dashed #d7d7d7; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; background-color: #fafafa; vertical-align: middle; margin: 10px; margin-bottom: 40px; }
.app-imprimible-icono-agregar { font-size: 94px; font-weight: 80; color: #a5a5a5; line-height: 1; }
.app-imprimible-texto-agregar { font-size: 15px; color: #555555; letter-spacing: 1px; margin-bottom: 30px; }
#app-imprimible-pagina[data-position="horizontal"] { transform: rotate(-90deg); transform-origin: center; }
#app-imprimible-pagina[data-position="horizontal"] .app-imprimible-boton-comando { right: -120px; top: calc(50% - 70px); transform-origin: center; transform: rotate(90deg); left: unset; }
#app-imprimible-panel-tema { right: 20px; top: calc(50% - 250px); width: 1000px; display: block; left: calc(50% - 500px); height: 560px; }
.app-imprimible-boton-comando { display: inline-block; width: auto; position: absolute; top: -48px; z-index: 110; left: calc(50% - 70px); text-align: center; }
.app-imprimible-boton-comando strong { display: inline-block; width: 100%; font-size: 11px; }
.app-imprimible-boton-comando .app-imprimible-boton { display: inline-block; margin: 1px; }
.app-imprimible-topper-default { margin: 30px 10px 15px 10px; }
.app-imprimible-lista-elementos { width: calc(100% - 20px); padding: 5px; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; box-sizing: border-box; margin: 10px; font-weight: bold; background-color: #fdff72; }
.app-imprimible-boton-agregar-elemento { position: absolute; bottom: 5px; right: 5px; width: 20px; height: 20px; background-color: #0078d7; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer; }
#app-imprimible-panel-propiedades, #app-imprimible-panel-galeria, #app-imprimible-panel-tema, #app-imprimible-panel-diseno, #app-imprimible-panel-capas { display: none; }
.app-imprimible-acciones-capa i { cursor: pointer; display: flex; align-items: center; }
#app-imprimible-kit-recurso-patron, #app-imprimible-kit-recurso-fondo { display: inline-block; height: 162px; overflow: auto; margin-bottom: 5px; }
.app-imprimible-patron-galeria { width: 50px; height: 50px; background-color: #ddd; border-radius: 4px; position: relative; overflow: hidden; cursor: pointer; display: inline-block !important; margin-right: 4px; }
.app-imprimible-elemento-imprimible { display: inline-block; width: 200px; height: 200px; cursor: pointer; margin: 5px; }
.app-imprimible-titulo-imprimible { display: inline-block; width: 100%; text-align: center; font-weight: bold; background-color: #000000b0; color: #fff; bottom: 0px; position: absolute; padding: 5px 0px; box-sizing: border-box; }
.app-imprimible-imagen-imprimible { display: inline-block; width: 100%; height: 170px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 1px #ccc; position: relative; }
.app-imprimible-cuerpo-pagina { display: none; width: min-content; width: auto; flex-wrap: wrap; justify-content: center; gap: 0px 0px; }
#app-imprimible-controles-color div { display: inline-block; width: 30px; height: 30px; background-size: contain; border: solid 1px #ccc; }
#app-imprimible-boton-cabecera .app-imprimible-boton { display: inline-block; padding: 10px 15px; font-weight: bold; background-color: #fff; }
#app-imprimible-boton-cabecera .app-imprimible-boton:nth-child(1) { background-color: yellow; color: #000; }
#app-imprimible-boton-cabecera .app-imprimible-boton:nth-child(2) { background-color: green; color: #fff; }
#app-imprimible-panel-capas-lista { max-height: 600px; }
.app-imprimible-mango-rotador { width: 20px; height: 20px; background-size: contain; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); cursor: grab; }
.app-imprimible-elemento-capa.arrastrando { opacity: 0.5; background: #f0f0f0; }
.app-imprimible-marcador-elemento-capa { border: 1px dashed #ccc; background: #f9f9f9; height: 40px; margin: 5px 0; }
#app-imprimible-color-fondo { box-sizing: border-box; padding: 15px; }
.app-imprimible-cuadricula-sombra-texto { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.app-imprimible-cuadricula-sombra-texto div { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 3px; font-size: 22px; font-weight: bold; cursor: pointer; transition: transform 0.1s; outline: solid 1px #ccc; }
.app-imprimible-contenedor-tabla { height: 300px; overflow-y: auto; border: 1px solid #ddd; margin: 20px 0; }
.app-imprimible-tabla-archivos thead th { position: sticky; top: 0; background: #f2f2f2; z-index: 10; cursor: pointer; padding: 5px 10px; }
.app-imprimible-tabla-archivos th, .app-imprimible-tabla-archivos td { border: 1px solid #ddd; padding: 10px 15px; text-align: left; }
.app-imprimible-tabla-archivos tbody tr:nth-child(even) { background-color: #f9f9f9; }
.app-imprimible-tabla-archivos tbody tr:hover { background-color: #f1f1f1; }
.app-imprimible-icono-ordenar { margin-left: 8px; font-size: 0.9em; }
.fa-sort { color: #aaa; }
.fa-sort-up, .fa-sort-down { color: #555; }
.app-imprimible-accion-archivo { margin: 0 6px; cursor: pointer; color: #555; }
.app-imprimible-accion-archivo:hover { color: #333; }
.app-imprimible-contenedor-entrada { display: inline-flex; position: relative; margin: auto; }
.app-imprimible-entrada-dinamica { padding: 8px 30px 8px 10px; border: none; font-size: 14px; min-width: 50px; max-width: 600px; background: unset; font-size: 20px; font-weight: bold; }
.app-imprimible-entrada-dinamica:focus { outline: none; border-color: #4a90e2; }
.app-imprimible-icono-entrada { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); color: #777; pointer-events: none; }
.app-imprimible-span-medida { visibility: hidden; position: absolute; white-space: pre; font-size: 20px; padding: 8px 10px; }
#app-imprimible-lista-fuentes { display: inline-block; width: 100%; }
.app-imprimible-lista-fuentes { max-height: 300px; overflow-y: auto; border: 1px solid #ddd; border-radius: 5px; padding: 10px; background: #f9f9f9; margin-bottom: 15px; }
.app-imprimible-grupo-fuente { margin-bottom: 15px; width: 100%; }
.app-imprimible-titulo-fuente { font-weight: bold; border-bottom: 1px solid #ddd; color: #444; }
.app-imprimible-elemento-fuente { padding: 5px; margin-bottom: 4px; border-radius: 5px; background: white; cursor: pointer; border-left: 4px solid transparent; width: 100%; box-sizing: border-box; }
.app-imprimible-elemento-fuente:hover { background: #f0f5ff; }
.app-imprimible-elemento-fuente.generica { border-left-color: #4caf50; }
.app-imprimible-elemento-fuente.tematica { border-left-color: #2196f3; }
.app-imprimible-elemento-fuente.seleccionada { background: #e3f2fd; font-weight: bold; }
.app-imprimible-nombre-fuente { font-weight: 600; margin-bottom: 5px; }
#app-imprimible-pagina-numeracion { display: inline-block; width: calc(100% - 10px); box-sizing: border-box; margin: 0px 5px 25px 5px; background-color: #ccc; text-align: left; }
.app-imprimible-elemento-banderin { display: inline-block; background-color: #fff; color: #000; padding: 15px; border: solid 1px #333; width: auto; cursor: pointer; margin: 5px; }
.app-imprimible-agregar-banderin { display: inline-block; color: #000; padding: 15px; width: auto; cursor: pointer; margin: 5px; border: dashed 1px #333; background-color: #fdff72; }

 /* UI CSS */

.ui-resizable-ne,
.ui-resizable-se,
.ui-resizable-nw,
.ui-resizable-sw,
.ui-resizable-n,
.ui-resizable-s,
.ui-resizable-w,
.ui-resizable-e{
background: white;
border: 1px solid black;
width: 9px !important;
height: 9px !important;
}

.ui-resizable-se {
background-image: none !important;
right: -5px !important;
bottom: -5px !important;
}

.ui-resizable-n,
.ui-resizable-s {
left: 50% !important;
margin-left: -5px !important;
}

.ui-resizable-e,
.ui-resizable-w {
top: 50% !important;
margin-top: -5px !important;
}

/****  FIN UI RESIZABLE  ****/


@media (max-width: 768px) {
    .app-imprimible-panel { min-width: 150px; min-height: 100px; max-width: 90%; max-height: 80vh; }
    .app-imprimible-panel-cerrar { padding: 8px; font-size: 16px; }
    #app-imprimible-panel-capas, #app-imprimible-panel-galeria, #app-imprimible-panel-propiedades, #app-imprimible-panel-diseno, #app-imprimible-panel-tema, #app-imprimible-panel-abrir { right: 10px !important; left: auto !important; top: 170px !important; width: 80% !important; max-width: 300px; }
    .app-imprimible-panel-cabecera { padding: 12px 15px; }
    .app-imprimible-panel-titulo { font-size: 16px; }
    .app-imprimible-boton { padding: 8px 12px; }
    .app-imprimible-toolbar-section { gap: 5px; }
}