/* Recorridos guiados: ajustes de Driver.js al diseno del sistema (colores de entidad y tema oscuro) */
.driver-popover.pp-tour { border-radius: 10px; padding: 18px 20px; max-width: 360px; box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
.driver-popover.pp-tour * { font-family: inherit; }
.driver-popover.pp-tour .driver-popover-title { font-size: 16px; font-weight: 600; padding-right: 24px; }
.driver-popover.pp-tour .driver-popover-description { font-size: 14px; color: inherit; }
.driver-popover.pp-tour .driver-popover-description strong { font-weight: 600; }
.driver-popover.pp-tour .driver-popover-progress-text { font-size: 12px; }
.driver-popover.pp-tour .driver-popover-footer button { font-size: 13px; padding: 5px 12px; border-radius: 6px; text-shadow: none; }
.driver-popover.pp-tour .driver-popover-next-btn { background-color: var(--color-primario, #605dff); color: var(--color-texto, #fff); border-color: var(--color-primario, #605dff); }
.driver-popover.pp-tour .driver-popover-next-btn:hover, .driver-popover.pp-tour .driver-popover-next-btn:focus { background-color: var(--color-primario, #605dff); filter: brightness(.92); color: var(--color-texto, #fff); }
.driver-popover.pp-tour .driver-popover-close-btn { top: 6px; right: 6px; }
/* Driver bloquea el scroll del contenedor del elemento activo; en el modal de captura debe seguir desplazandose */
.modal-body:has(> .driver-active-element) { overflow-y: auto !important; }
/* Tema oscuro */
body[data-theme="dark"] .driver-popover.pp-tour { background-color: #1e293b; color: #e2e8f0; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-title { color: #f8fafc; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-progress-text { color: #94a3b8; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-footer button { background-color: #334155; color: #e2e8f0; border-color: #475569; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-arrow-side-left { border-left-color: #1e293b; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-arrow-side-right { border-right-color: #1e293b; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-arrow-side-top { border-top-color: #1e293b; }
body[data-theme="dark"] .driver-popover.pp-tour .driver-popover-arrow-side-bottom { border-bottom-color: #1e293b; }
/* Botones de recorrido en el modal de ayuda */
#modalAyuda .ayuda-tours .btn .material-symbols-outlined { font-size: 18px; }