/**
 *    Nombre:       tutorial-v6.css
 *    Descripcion:  Theme del tour driver.js para cliente v6 (popover, botones, flechas) alineado con la paleta del v6 (variables de tornado-v6.css :root). Lo carga wwwEstilosV6::estiloTutorial() desde class.tornado.ui.v6.php.
 *    Version:      0.0.3
 *    Creado:       04-05-2026
 *    Modificado:   08-05-2026
 *    Autor:        Sebastian Toyos
 */

.driver-popover {
	background: var(--glass-bg);
	border: 1px solid var(--glass-border);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	backdrop-filter: blur(var(--glass-blur));
	-webkit-backdrop-filter: blur(var(--glass-blur));
	color: var(--text-primary);
}

.driver-popover-title {
	margin-bottom: 6px;
	color: var(--success-solid);
	font-size: 16px;
	font-weight: 600;
}

.driver-popover-description {
	color: var(--text-secondary);
	font-size: 14px;
	line-height: 1.5;
}

.driver-popover-progress-text {
	color: var(--text-muted);
	font-size: 12px;
}

.driver-popover-navigation-btns button {
	padding: 6px 14px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid var(--glass-border);
	border-radius: 8px;
	color: var(--text-primary);
	font-size: 13px;
	font-weight: 500;
	text-shadow: none;
}

.driver-popover-navigation-btns button:hover {
	background: rgba(255, 255, 255, 0.18);
	color: var(--text-primary);
}

.driver-popover-next-btn,
.driver-popover-done-btn {
	background: var(--success-solid) !important;
	border-color: var(--success-solid) !important;
	color: var(--text-primary) !important;
}

.driver-popover-next-btn:hover,
.driver-popover-done-btn:hover {
	background: var(--success-hover) !important;
	color: var(--text-primary) !important;
}

.driver-popover-close-btn {
	color: var(--text-muted);
	font-size: 18px;
}

.driver-popover-close-btn:hover {
	color: var(--text-primary);
}

.driver-popover-arrow-side-top.driver-popover-arrow,
.driver-popover-arrow-side-bottom.driver-popover-arrow,
.driver-popover-arrow-side-left.driver-popover-arrow,
.driver-popover-arrow-side-right.driver-popover-arrow {
	border-color: var(--glass-bg);
}

.driver-overlay path {
	stroke: var(--success-solid);
	stroke-width: 8;
	paint-order: stroke fill;
}