/* Tutorial guiado — ajustes sobre driver.js para que siga la identidad de VirtualCT.
   El color se inyecta desde layouts/custom-css.blade.php con el color de la organización. */

:root {
    --vct-tour-primary: #0d6efd;
    --vct-tour-primary-dark: #0a58ca;
}

.driver-popover.vct-tour-popover {
    max-width: 380px;
    padding: 18px 20px 14px;
    border-radius: 10px;
    box-shadow: 0 18px 45px rgba(11, 27, 43, .28);
}

.vct-tour-popover .vct-tour-chapter {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 9px;
    border-radius: 999px;
    background: var(--vct-tour-primary);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.vct-tour-popover .driver-popover-title {
    font-size: 17px;
    font-weight: 700;
    color: #16232f;
}

.vct-tour-popover .driver-popover-description {
    font-size: 14px;
    line-height: 1.5;
    color: #4a5764;
}

.vct-tour-popover .driver-popover-progress-text {
    font-size: 12px;
    color: #8b97a3;
}

.vct-tour-popover .driver-popover-navigation-btns button {
    background: var(--vct-tour-primary);
    border: none;
    border-radius: 6px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 7px 16px;
    text-shadow: none;
}

.vct-tour-popover .driver-popover-navigation-btns button:hover {
    background: var(--vct-tour-primary-dark);
    color: #fff;
}

.vct-tour-popover .driver-popover-navigation-btns button.driver-popover-prev-btn {
    background: transparent;
    color: #6b7885;
}

.vct-tour-popover .driver-popover-navigation-btns button.driver-popover-prev-btn:hover {
    background: #eef1f4;
    color: #16232f;
}

.vct-tour-popover .driver-popover-arrow-side-left   { border-left-color: #fff; }
.vct-tour-popover .driver-popover-arrow-side-right  { border-right-color: #fff; }
.vct-tour-popover .driver-popover-arrow-side-top    { border-top-color: #fff; }
.vct-tour-popover .driver-popover-arrow-side-bottom { border-bottom-color: #fff; }

/* Píldora para retomar el tutorial cuando quedó a mitad de camino */
#vctTourResume {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1040;
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 320px;
    padding: 10px 12px 10px 14px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(11, 27, 43, .22);
}

#vctTourResume .vct-tour-resume-icon {
    color: var(--vct-tour-primary);
    font-size: 18px;
}

#vctTourResume .vct-tour-resume-text {
    line-height: 1.2;
}

#vctTourResume .vct-tour-resume-text small {
    display: block;
    color: #8b97a3;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .04em;
}

#vctTourResume .vct-tour-resume-text strong {
    font-size: 13px;
    color: #16232f;
}

#vctTourResume .vct-tour-resume-dismiss {
    border: none;
    background: transparent;
    color: #b3bcc5;
    font-size: 15px;
    line-height: 1;
    padding: 4px;
}

#vctTourResume .vct-tour-resume-dismiss:hover { color: #6b7885; }

@media print {
    #vctTourResume, .driver-popover, .driver-overlay { display: none !important; }
}