.tour-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}

.tour-spotlight {
    position: absolute;
    border: 3px solid #fff;
    box-shadow: 0 0 20px #fff;
    border-radius: 8px;
    pointer-events: none;
}

.tour-tooltip {
    position: absolute;
    background: #1e1e1e !important; /* gris oscuro */
    color: #ffffff !important; /* texto blanco */
    padding: 15px;
    border-radius: 8px;
    width: 250px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}

.tour-tooltip h3 {
    color: #ffffff !important;
}

.btn-next {
    margin-top: 10px;
    padding: 6px 12px;
    border: none;
    background: #0078ff !important;
    color: #fff !important;
    border-radius: 5px;
    cursor: pointer;
}